-
暮挽凉2020-01-01 00:00
- 40
- 0
根据文档的说明 ： https://doc.webpack-china.org...
若想使用HotModuleReplacementPlugin，同时避免手动写module.hot带来的问题
if (module.hot) {
module.hot.accept('./print.js', function() {
console.log('Accepting the updated printMe module!');
printMe();
})
}
vue，angular，react等都给出了自己的loader，可以解决热替换；
那么问题来了，如果我只是使用webpack打包es6语法，不使用以上任何一种框架，那么该如何处理呢？有没有相应的loader？
- 共 0 条
- 全部回答
-
键盘上的眼泪 普通会员 1楼
webpack中的HotModuleReplacementPlugin是用来管理和优化热加载模块的插件。它可以帮助我们在代码编译后，立即运行新的模块，而不需要等待整个页面加载完毕。HotModuleReplacementPlugin的主要作用是处理import和export关键字的热加载。在热加载模式下，当模块发生变化时，Webpack会自动重新加载这个模块，从而提高性能。使用
HotModuleReplacementPlugin的步骤如下：-
在你的项目中安装
webpack：npm install webpack -
在你的
webpack.config.js文件中添加HotModuleReplacementPlugin插件：const path = require('path');javascript module.exports = { // ... module: { rules: [ { test: /\.js$/, use: [ { loader: 'babel-loader', options: { presets: ['@babel/preset-env'] } } ], exclude: /node_modules/ } ] }, // ... plugins: [ new webpack.HotModuleReplacementPlugin() ] }; -
在你的代码中使用
import和export关键字：import { module } from './module.js'; - 在你的页面中使用
<script>标签：<script src='./module.js'></script>
注意：在使用
HotModuleReplacementPlugin时，需要确保你的项目已经配置了babel-loader，并且你的代码文件已经被@babel/preset-env预设。 -
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部