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
Copy file name to clipboardExpand all lines: README.md
+9-8Lines changed: 9 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,9 +1,11 @@
1
1
# craft-vue-tailwind
2
+
2
3
Fork of the [craft-vue](https://github.com/chasegiunta/craft-vue) template that integrates the Tailwind CSS utility framework & removes unused CSS with Purgecss.
3
4
4
5
## What's Included
5
6
6
7
-`npm run dev` / `yarn dev`: first-in-class development experience.
8
+
7
9
- Webpack + `vue-loader` for single file Vue components
8
10
- State preserving hot-reload
9
11
- Page reloading on file edits (twig, html, etc)
@@ -27,9 +29,7 @@ You should fork this repo to create your own boilerplate. This scaffold makes no
27
29
28
30
This boilerplate requires Vue CLI 3 be [installed globally on your machine](https://cli.vuejs.org/guide/installation.html).
@@ -68,26 +68,27 @@ After running `npm run build`, the easiest way to test your build files locally
68
68
69
69
For a detailed explanation on how things work, check out the [Vue CLI docs](https://cli.vuejs.org/).
70
70
71
-
## Tailwind directives in .vue files
72
-
73
-
Using Tailwind directives (@apply, etc.) inside of Vue's single file components is now possible with the addition of an expirimental `shadowLookup` flag enabled in your tailwind.js file (added in Tailwind v0.6.2 - hooray!).
74
-
75
71
## Pre-Processors
76
72
77
73
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:
78
-
```bash
74
+
75
+
```bash
79
76
npm install sass-loader node-sass --save-dev
80
77
# yarn add sass-loader node-sass --dev
81
78
```
79
+
82
80
Note you also need to install node-sass because sass-loader depends on it as a peer dependency.
83
81
84
82
Read more about this at https://cli.vuejs.org/guide/css.html#pre-processors
85
83
86
84
## Automatic Component Registration
85
+
87
86
Any vue components placed within `src/components` will be registered with Vue automatically. **This requires their filenames to be in PascalCase**, eg. MyVueComponent.vue
88
87
89
88
## Babel Compiling
89
+
90
90
This boilerplate uses babel-preset-env for configuring babel. [You can read more about it here.](https://cli.vuejs.org/config/#babel)
91
91
92
92
## Linting
93
+
93
94
You can enable linting by adding the `@vue/cli-plugin-eslint` plugin through the GUI `vue ui`.
0 commit comments