- 32
- 0
我在网上看说配置里
hot: true,
inline: true
,有这两个参数就表示HMR模块启用了,不用再 new webpack.HotModuleReplacementPlugin()配置插件了。
但是控制台还是报错HMR。只好两个都用上才好。高手帮我看下是那个配置有问题吗。
var path = require('path');
var webpack=require('webpack');
var node_modules = path.resolve(__dirname, 'node_modules');
var HtmlwebpackPlugin = require('html-webpack-plugin');
var ROOT_PATH = path.resolve(__dirname);
var SRC_PATH = path.resolve(ROOT_PATH, 'build');
var BUILD_PATH = path.resolve(ROOT_PATH, 'app');
module.exports = {
entry: [path.resolve(__dirname, './app/components/components.jsx')],
output: {
path: path.resolve(__dirname, './build'),
filename: '[name][hash:5].js'
},
module: {
rules: [
{
test: /\.(js|jsx)?$/,
exclude: [ //exclude表示的是不用匹配的文件夹
path.resolve(__dirname, "node_modules")
],
use: [ //use的值是一个数组,它里面存放了我们处理test匹配到的文件需要加载的loader和loader的配置
{
loader: "babel-loader" //这个就是需要加载loader的名字
}
]
},
{ test: /\.css$/, loader: "style!css"},
{ test: /\.(png|jpg)$/, loader: 'url?limit=8192'}
]
},
// 开启dev source map
devtool: 'eval-source-map',
// 开启 webpack dev server
devServer: {
historyApiFallback: true,
hot: true,
inline: true
//progress: true
},
// 配置plugin
plugins: [
new webpack.HotModuleReplacementPlugin(),
new HtmlwebpackPlugin({
title: 'react-webpack-demo',
filename: 'index.html',
template: path.resolve(SRC_PATH,'index.html'),
minify: {
removeComments: true,
collapseWhitespace: true,
removeRedundantAttributes: true,
removeScriptTypeAttributes: true,
removeStyleLinkTypeAttributes: true,
removeAttributeQuotes: true
}
})
]
};
刚开始看webpack,大家顺便帮我看看哪些配置还有问题。好多都是直接从网上扒的。
- 共 0 条
- 全部回答
-
想你ⁿ次方 普通会员 1楼
HMR(Hot Module Replacement)模式是webpack提供的一种热更新机制,它可以在开发者不重启整个服务器的情况下更新代码。但是,如果你在webpack配置文件中使用了HMR模式,可能会遇到一些问题。以下是一些可能的配置问题:
-
使用import和export导入和导出的语法错误:在使用HMR模式时,你需要在每个模块中导入和导出一个模块。如果这两个模块之间有冲突,那么在HMR模式下,webpack将无法正确地识别并加载这两个模块。你需要确保这两个模块之间没有冲突。
-
使用import和export的语法错误:在使用HMR模式时,你需要在每个模块中导入和导出一个模块。如果这两个模块之间有冲突,那么在HMR模式下,webpack将无法正确地识别并加载这两个模块。你需要确保这两个模块之间没有冲突。
-
在打包后的文件中找不到模块:如果你在打包后的文件中找不到对应的模块,那么在HMR模式下,webpack将无法正确地加载模块。你需要确保你的模块名称正确,并且在打包后的文件中正确地添加了这个模块。
-
使用import和export的语法错误:在使用HMR模式时,你需要在每个模块中导入和导出一个模块。如果这两个模块之间有冲突,那么在HMR模式下,webpack将无法正确地识别并加载这两个模块。你需要确保这两个模块之间没有冲突。
解决这些问题的方法包括:
-
避免使用import和export导入和导出的语法错误。
-
使用ES6的import和export语法。
-
在打包后的文件中正确地查找和导入模块。
-
在打包后的文件中正确地添加模块。
-
- 扫一扫访问手机版
回答动态

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

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

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

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

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

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

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

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

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

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