webpack4
https://www.jianshu.com/p/b30cf56a431f
優秀例子https://www.cnblogs.com/tugenhua0707/p/9695179.html
創建本地nodejs項目:
[1]cnpm init -y
上面命令應該在一個目錄裏執行,產生的項目名稱也是該目錄的名稱。之後會產生package.json文件。
此時建議對package.json文件做以下修改:刪除"main": "index.js",加上"private": true
安裝webpack4和webpak-cli:
[2]cnpm install webpack webpack-cli --save-dev
之後會產生node_modules文件。並更新依賴項在package.json中。
創建在src/index.js
【
import _ from 'lodash'
let element = document.createElement('div');
element.innerHTML = _.join(['Hello', 'World'], ' ')
document.body.appendChild(element);
】
創建src/index.html
【
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Webpack4基本使用</title>
</head>
<body>
<script src="dist/main.js"></script>
</body>
</html>