使用样式加载器将样式添加为样式表

Question

我正在使用Webpack的样式加载器：

...
output:{
    filename: '[name].js',
    path: path.join(__dirname, 'public'),
    publicPath: '/public/'
},
module: {
    loaders: [
       {
           test: /\.scss$/,
           include: path.join(__dirname, 'src/styles'),
           loader: 'style!css!sass?includePaths[]=' + path.resolve(__dirname, './node_modules/compass-mixins/lib')
       }
    ]
...

我为require感兴趣的scss文件添加了main.js：

require('./styles/main.scss');

除了样式作为嵌入式样式表注入外，这是有效的。这并不理想，因为它会增加页面的重量并阻止缓存。

有没有办法让样式输出到外部文件中，可以用<link>引用？

Answer 1

extract-text-webpack-plugin旨在实现这一目标。