webpack3提取vue css,详解webpack打包vue时提取css

详解webpack打包vue时提取css

webpack打包vue项目的时候默认会把vue里的css打包到页面上。

webpack.config.js里的plugins加上以下配置

new webpack.LoaderOptionsPlugin({

test:/\.vue$/,

options: {

vue: {

loaders: {

css: ExtractTextPlugin.extract({

fallback:'vue-style-loader',

use:'css-loader',

publicPath:"../"

}),

}

}

}

)

这样可以把css提取到公共style里。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

时间： 2017-05-25

这两天学习了Vue.js ,正好了解了如何引入外部文件的方法,而且很重要,所以,今天添加一点小笔记. 例子中css文件采用bootstrap.css,js文件采用jQuery,less文件用less.less(自定义文件) 步骤一:安装webpack cnpm install webpack -g 步骤二:在src/assets下面新建css.js.less.fonts文件夹,并