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
@@ -132,6 +133,23 @@ You can also include Webpack loader queries in the `lang` attribute:
132
133
</style>
133
134
```
134
135
136
+
## Autoprefixing
137
+
138
+
Starting in 6.0.0, Any CSS output via `vue-loader` is piped through [autoprefixer](https://github.com/postcss/autoprefixer) by default. You can customize this behavior in the `vue` section of your webpack config:
139
+
140
+
```js
141
+
// webpack.config.js
142
+
module.exports= {
143
+
// other configs...
144
+
vue: {
145
+
// disable autoprefixing
146
+
autoprefixer:false,
147
+
// OR: custom options
148
+
autoprefixer: { browsers: ['last 2 versions'] }
149
+
}
150
+
}
151
+
```
152
+
135
153
## Template Pre-Processors
136
154
137
155
For template pre-processors, you should install `template-html-loader` plus the raw templating engine. For example to use `jade`, you will need to install both `template-html-loader` and `jade` instead of `jade-loader`.
@@ -251,19 +269,17 @@ the `lang` attribute, but you can configure which loader should be used.
251
269
#### Example: Use CoffeeScript for all `<script>` tags
252
270
253
271
```js
254
-
var vue =require('vue-loader')
255
-
256
272
module.exports= {
257
273
// entry, output...
258
274
module: {
259
-
loaders: [
260
-
{
261
-
test:/\.vue$/,
262
-
loader:vue.withLoaders({
263
-
js:'coffee'
264
-
})
265
-
}
266
-
]
275
+
loaders: [{
276
+
test:/\.vue$/, loader:'vue'
277
+
}]
278
+
},
279
+
vue: {
280
+
loaders: {
281
+
js:'coffee'
282
+
}
267
283
},
268
284
devtool:'#source-map'
269
285
}
@@ -276,20 +292,22 @@ use this Webpack config:
276
292
277
293
```js
278
294
var ExtractTextPlugin =require("extract-text-webpack-plugin");
0 commit comments