Split JS code from HTML

[angjelkom]

Just a question. As the title says how can I split the js code from the html file? so:

`
Click Me

<script> export default { data () { return { email: '', password: '' } } methods: { login () { console.log(email, password); } } }; </script>`

How can I have the js code in a seperate js file?

[AgentEpsilon]

Put the code in a .js file (say login.js), then replace your script tag with <script src="login.js"></script>.

[angjelkom]

@AgentEpsilon isn't there a way like putting both: Login.html and Login.js in same path and let Svelte handle?

[AgentEpsilon]

I'd look in to setting up some sort of bundler such as Webpack, Browserify, or Rollup.

[rhengles]

See #65

[Rich-Harris]

Will close this as it's a dupe of #65 – this isn't currently supported.

@EchoNox when you're including code samples in comments, there's a way to render them as code blocks – use ``` (three backticks) optionally followed by a language id like js or `html`:

<input type='email' bind:value='email' /> <input type='password' bind:value='password' />
<button on:click='login()'>Click Me</button>

<script>
export default {
    data () {
      return {
        email: '', password: ''
      }
    }
    methods: {
      login () {
        console.log(email, password);
      }
    }
  };
</script>

[angjelkom]

@Rich-Harris ok thanks I used the code button but it didn't transform sorry

[Rich-Harris]

Yep, the code button is for inline code, not for blocks of code