Question

当我运行webpack --progress --colors --watch并编辑CSS文件时，webpack构建CSS AND JS包。

如果css文件被修改，你知道是否可以只构建bundle.css？和js文件一样。

谢谢！

Answer 1

是的，您正在寻找 objKeypadCollectionViewCell.circleView.layer.borderColor = UIColor.lightGrayColor().CGColor objKeypadCollectionViewCell.circleView.layer.borderWidth = 1 objKeypadCollectionViewCell.circleView.layer.cornerRadius = objKeypadCollectionViewCell.frame.size.width/2 objKeypadCollectionViewCell.circleView.layer.masksToBounds = true 热模块更换。它将只构建更改的部分，但有时当它无法构建整个应用程序时。

Answer 2

是的，你可以使用extract-text插件从js包中获取css。因此，您将拥有自己的捆绑包中的CSS。 watchmode仅重建您已修改的包的一部分。通常只需要大约一段时间来构建更改。

var ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
    module: {
        loaders: [
            { test: /\.css$/, loader: ExtractTextPlugin.extract({
                fallbackLoader: "style-loader",
                loader: "css-loader"
            }) }
        ]
    },
    plugins: [
        new ExtractTextPlugin("styles.css")
    ]
}

这会将所有css放入style.css包中。它可以作为每个入口点的自己的css包更加模块化。

Webpack手表构建编译

2 个答案: