本节知识点
- 在webpack中使用JSON
(一) 概述
在实际工作中。我们的项目都会配置一个JSON的文件或者说API文件。作为项目的配置文件。有的时候你也会从后台读取到一个JSON文件。
(二) 使用说明
- 第1步 在根目录下面见一个config.json文件里面写入
{
"name" : "七宗罪",
"sex" : "男"
}
- 第2步在index.htm模板中加入一个层。为了调用
<div id="json"></div>
- 第3步 到src文件下。找到入口文件。比如enter.js修改里面的代码
let json = require("../config.json");
document.getElementById("json").innerHTML = json.name
- 第4部 在运行热更新即可 npm run server
(三) 说说热更新(前面的要是热更新不行试试这个方法)
启动热更新很简单
在webpack.config.js里面找到plugins
加入
new webpack.HotModuleReplacementPlugin()
然后再用 npm run server运行即可.
