Webpack don't重建捆绑包
Webpack don't rebuild bundle
我在使用webpack时遇到了一些问题。我使用的是ES6、ReactJS、Mobx和SASS。这是我的开发配置:
var path = require('path');
var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var autoprefixer = require('autoprefixer');
var pathes = {
root: './src/main/webapp/WEB-INF/static',
entry: './src/main/javascript/client.js',
js: '/js/',
css: '/css/'
}
var extractSASS = new ExtractTextPlugin( path.join(pathes.css, 'main.css') );
var extractVendorCSS = new ExtractTextPlugin( path.join(pathes.css, 'vendor.css') );
module.exports = {
devtool: 'eval-source-map',
entry: pathes.entry,
output: {
path: pathes.root,
filename: path.join(pathes.js, 'app.js')
},
module: {
loaders: [
{
test: /'.js$/,
exclude: /(node_modules)/,
loaders: [ 'babel' ]
},
{
test: /'.scss$/,
loader: extractSASS.extract([ 'css', 'postcss', 'sass' ])
},
{
test: /'.css$/,
loader: extractVendorCSS.extract([ 'css' ])
}
]
},
plugins: [
extractSASS,
extractVendorCSS,
new webpack.DefinePlugin({
DEVELOPMENT: true
})
],
postcss: function () {
return [ autoprefixer ];
}
};
一切都很好,但今天我在服务器端Spring引导应用程序上添加了重定向到/index
的拦截器。我不知道这怎么会破坏webpack,但他停下来重建了捆绑包。要运行webpack,我使用以下命令:
webpack --progress --colors --watch --config ./configs/webpack.development.config.js
我不使用webpack-dev服务器,因为静态文件由嵌入式Tomcat(Spring引导)提供服务。
在控制台中,webpack表示捆绑包已重建,但捆绑包不包含任何更改。
一个有趣的细节是,如果我将捆绑包名称从app.js
更改为例如app1.js
,并通过上面的命令重新运行webpack,那么webpack将接受所有更改,并且捆绑包将被更新。在那之后,webpack将自动重建捆绑包以进行更改(因为--watch
)。
为什么webpack不重建旧名称为app.js
的捆绑包?
如果您的控制台显示文件已重建,但您没有看到更改,则文件很可能已被浏览器缓存。
尝试在任何包含它们的地方添加某种缓存破坏参数:
<script src="app.js?<% time.now() %>"></script>
这对于开发来说很好,但对于生产来说,您可能需要考虑使用资产webpack插件
相关文章:
- 元素在我的代码中不会.fadeTo.Don'I don’我不知道;s错误的JavaScript、JQuery、H
- Don'不允许将焦点集中在自动完成的选择上
- javascript如果图像不存在don't加载它
- append元素don'不要在提交时出现
- AngularJS指令部分应用的函数don'不起作用
- Don'我不明白为什么我的setInterval+jQuery;不起作用
- 我没有'I don’我不理解for在循环中的用途
- jQuery 1.7.2:.on()在一个页面上工作;Don’别再干别的了
- AngularJs|Don'在成功加载所有指令htmls之前,不显示页面
- Codeacademy Javascript..好的!/输出正确,但codeacademy没有;I don’我不喜欢
- Don't工作警报代码jQuery
- 如何实施“;Don'不要再给我看了”;在GWT中
- AngularJS routeprovider赢得'Don’我什么都不做
- Mediawiki皮肤创建-Javascript don'Don’t get load
- Dropit下拉列表没有'Don’不要躲在老鼠屋
- 链接don'由于Javascript悬停效果,无法在移动设备上工作
- Jquery live()绑定没有'I don’我对某些元素不感兴趣
- Ng点击don´不起作用
- Office加载项don't与“;asp:”;
- Webpack don't重建捆绑包