【项目结构】webpack+vue+less
【解决方案】
首先将vue中每个.vue文件里面的style提取出来
安装依赖
npm install extract-text-webpack-plugin --save-dev
安装完成后修改webpack.base.conf.js中的配置
module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { less: ExtractTextPlugin.extract({ fallback: 'vue-style-loader', use: 'css-loader!less-loader' }), css: ExtractTextPlugin.extract({ fallback: 'vue-style-loader', use: 'css-loader' }) } } }, ]},
plugins: [
new ExtractTextPlugin({