You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -57,26 +56,31 @@ You can also run your `dev` & `build` tasks from the GUI to get valuable build s
57
56
58
57
**NOTE:** During development, _only your assets_ will be served from `localhost:8080` and referenced in the base template. You'll still load your site locally under your normal development domain (mysite.test, etc.). This will also cause a brief unstyled flash on page loads due to JS/CSS assets loading from javascript for development. **This flash isn't present after build, on production**.
59
58
60
-
After running `npm run build`, the easiest way to test your build files locally is to comment the environment variable in your `.env` file, and refresh the page. This will serve your assets from the build directory, rather than webpack's dev server.
59
+
If webpack's dev server (`yarn dev`) is not running, Twigpack will serve your assets from the build directory.
61
60
62
61
For a detailed explanation on how things work, check out the [Vue CLI docs](https://cli.vuejs.org/).
63
62
64
63
## Pre-Processors
65
64
66
65
This boilerplate has pre-configured CSS extraction for most popular CSS pre-processors including LESS, SASS, Stylus, and PostCSS. To use a pre-processor, all you need to do is install the appropriate webpack loader for it. For example, to use SASS:
67
-
```bash
66
+
67
+
```bash
68
68
npm install sass-loader node-sass --save-dev
69
69
# yarn add sass-loader node-sass --dev
70
70
```
71
+
71
72
Note you also need to install node-sass because sass-loader depends on it as a peer dependency.
72
73
73
74
Read more about this at https://cli.vuejs.org/guide/css.html#pre-processors
74
75
75
76
## Automatic Component Registration
76
-
Any vue components placed within `src/components` will be registered with Vue automatically. **This requires their filenames to be in PascalCase**, eg. MyVueComponent.vue
77
+
78
+
Any vue components placed within `src/components` will be registered with Vue automatically. You may nest these in subfolders if you wish.
77
79
78
80
## Babel Compiling
81
+
79
82
This boilerplate uses babel-preset-env for configuring babel. [You can read more about it here.](https://cli.vuejs.org/config/#babel)
80
83
81
84
## Linting
85
+
82
86
You can enable linting by adding the `@vue/cli-plugin-eslint` plugin through the GUI `vue ui`.
0 commit comments