- 67
- 0
我修改less 文件 chrome 控制台有提示:
[WDS] Hot Module Replacement enabled.
2app.bundle.js?385c225…:1102 [WDS] App updated. Recompiling...
app.bundle.js?385c225…:1245 [WDS] App hot update...
app.bundle.js?385c225…:754 [HMR] Checking for updates on the server...
app.bundle.js?385c225…:754 [HMR] Nothing hot updated.
app.bundle.js?385c225…:754 [HMR] App is up to date.
但就是不更新, 修改js文件就可以
下面是我写的代码
package.json:
{
"name": "webpacktest",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack-dev-server --content-base ./ --open --inline --hot --compress",
"build": "webpack -d --watch"
},
"author": "",
"license": "ISC",
"dependencies": {
"webpack": "^3.10.0"
},
"devDependencies": {
"babel-loader": "^7.1.3",
"css-loader": "^0.28.10",
"extract-text-webpack-plugin": "^3.0.2",
"happypack": "^4.0.1",
"html-webpack-plugin": "^3.0.4",
"less": "^3.0.1",
"less-loader": "^4.0.6",
"sass": "^1.0.0-beta.5.3",
"sass-loader": "^6.0.7",
"style-loader": "^0.20.2",
"webpack-dev-server": "^2.11.2"
}
}
webpack.config.js :
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
entry: './src/app.js',
output: {
path: __dirname + '/dist',
filename: 'app.bundle.js'
//publicPath: '/dist'
},
plugins: [
new HtmlWebpackPlugin({
minify: {
collapseWhitespace: true,
},
hash: true,
}),
new ExtractTextPlugin('style.css')
],
module: {
rules: [
{
test: /\.less$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: ['css-loader', 'less-loader']
}),
}
]
},
devServer: {
port: 9000
}
};
app.js :
import css from './app.less';
console.log('hello world');
document.body.innerHTML = 'hello world';
app.less :
@base: #000;
body {
background: @base;
color: #fff
} 0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
湛兮若存 普通会员 1楼
Webpack-dev-server 可能会自动更新 JavaScript 文件,但是其他文件(如 CSS、图片等)可能会没有更新。这是因为在热重载(Hot reloading)的模式下,webpack-dev-server会自动重新加载正在浏览器中运行的文件,而不是在每次刷新时都重新加载所有文件。这可能会导致某些文件没有更新。
如果你想要让所有文件都更新,你可以使用
webpack-dev-server --hot参数来启用热重载。这样,webpack-dev-server 将自动重新加载正在浏览器中运行的文件,包括 CSS、图片等。但是,需要注意的是,这可能会导致浏览器缓存问题,因此如果你需要频繁更新文件,可能需要考虑使用 CDN(内容分发网络)来缓存文件。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
