Webpack 禁用javascript时使用css加载程序-网页包

在我的webpack配置中使用样式加载器和css加载器，下面是我的webpack.config.js的摘录

var wpconfig = {
    devtool: "source-map",
    entry : [
        './src/client/index.js'
    ]
    output: {
        path: path.join(__dirname, 'dist'),
        filename: 'bundle.js',
        publicPath: '/assets/'
    },
    module:{
        loaders:[
            { test: /\.(jpg|gif)$/, loader: 'url-loader?limit=10000'},
            { test: /\.css$/, loader: 'style-loader!css-loader'   }

        ]
    },
    plugins: [
        new webpack.optimize.OccurenceOrderPlugin(),
        new webpack.NoErrorsPlugin()
    ]
};

module.exports = wpconfig ;

当禁用JS时，我可以看到样式没有写入文档的

，因此页面呈现为纯文本

在我听说的地方翻找，稍微更改一下配置，就可以将*.css文件捆绑到一个

app.css

，并有效地加载它

问题:

• 当JS被禁用时，我是否正确地假设样式加载器或css加载器都无法将样式块写入头部
• 对于这种情况，使用extract text webpack插件是有效的解决方案吗
• 在这种情况下，还有其他加载CSS的方法吗

---

附言：刚从webpack开始，所以如果webpack.config.js中有任何突出的问题，请指出。

使用ExtractTextPlugin进行生产确实是一个有效的解决方案，所以如果您不需要任何分块，那么就可以了。还允许对CSS进行最佳缩小

---

我个人在生产中使用ExtractText，在开发中使用原始样式加载器。

谢谢。但是第一部分呢？为什么禁用js时样式加载器不工作？。您的假设是正确的，样式加载器使用js注入样式标记-否则它们将如何到达那里？；）是的。我想知道当JS被禁用时会发生什么。这回答了我的问题。