运行webpack watch

时间:2017-08-08 07:50:01

标签: asp.net-mvc webpack webpack-2 webpack-style-loader

我尝试使用webpack2运行我们的ASP.NET MVC项目。作为第一步,我使用ExtractTextPlugin设置webpack2。

运行webpack watch时,我可以看到捆绑的css文件得到更新。 但是,如果我使用IISExpress运行项目并运行webpack watch,则即使文件已更改,浏览器也不会获取最新更改。

已验证如果我关闭webpack手表并刷新浏览器,那么我可以在浏览器中看到这些更改。

我在没有webpack dev服务器的情况下运行,这里是webpack.config.js:

const ExtractTextPlugin = require("extract-text-webpack-plugin");
const path = require('path');

module.exports = env => {

    return {
        entry: {
            "main": "./static/entry.js",
            "component": path.resolve(__dirname, "../component/static/bundle.js")
        },
        output: {
            path: path.resolve(__dirname, "./static/dist/scripts"),
            filename: "[name].index.js"
        },
        module: {
            rules: [
                {
                    test: /\.scss$/,
				    exclude: /node_modules/,
                    use:ExtractTextPlugin.extract({
                        fallback: "style-loader",
                        use: [
                            { 
                                loader: 'css-loader',
                            },
                            {
                                loader: 'sass-loader',
                                options: {
                                    sourceMap: true,
                                    includePaths: [
                                        path.resolve(__dirname, './default.css'),
                                        path.resolve(__dirname, './normalize.css')
                                    ]
                                }
                            }
                        ]
                    })
                },
                { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ },
                { test: /\.ts$/, loader: 'babel-loader', exclude: /node_modules/ }
            ]
        },
        plugins: [
            new webpack.ProvidePlugin({
                $: path.resolve(__dirname, './node_modules/jquery/src/jquery'),
                jQuery: path.resolve(__dirname, './node_modules/jquery/src/jquery'),
                moment: path.resolve(__dirname, './node_modules/moment/moment')
            }),
            new ExtractTextPlugin({
                filename: "../style/[name].style.css",
                allChunks: true
            }),
            new webpack.optimize.UglifyJsPlugin({
                minimize: true,
                compress: {
                    warnings: false
                }
            })
    ]

    }

};

问题是不变的,我不知道会发生什么,请帮助。

1 个答案:

答案 0 :(得分:0)

我找到了这个问题的原因。

Project web.config正在缓存客户端资源,禁用输出缓存修复了问题。

print (temp.col1.eq(temp.col2).groupby(level='id').sum().idxmax())
a