webpack 打包时分离 vue 引用的 css 文件
使用插件
- module: {
- rules: [{
- test: /\.vue$/,
- loader: 'vue-loader',
- options: {
- transformToRequire: {
- img: 'src',
- image: 'xlink:href',
- 'source': 'src',
- },
- loaders: {
- CSS: ExtractTextPlugin.extract({
- use: 'css-loader',
- fallback: 'vue-style-loader'
- })
- }
- }
- }],
- plugins:[new ExtractTextPlugin("style.css")]
- }
外部 css 文件最终会被打包为 style.css
来源: http://www.jianshu.com/p/97423a22742d