Open hxkuc opened 6 years ago
开始记录webpack4的填坑之路 首先搭建一个普通的项目
npm init
npm install --save-dev webpack
npm install --save-dev webpack-cli
[index.html]
<html> <head> <title></title> <meta charset="utf-8"> </head> <body> <script src="main.js"></script> </body> </html>
[ index.js] console.log(666666) 目录如下
console.log(666666)
webpack
<script src="./dist/main.js"></script>
webpack --mode development
注: webpack默认打包入口文件为/src/index.js 默认的输出文件为 /dist/main.js
开始记录webpack4的填坑之路 首先搭建一个普通的项目
npm init
一路回车npm install --save-dev webpack
npm install --save-dev webpack-cli
webpack4现在分webpack和webpack-cli两个前者是nodejs的api中使用后者是在命令行下使用(暂时这么理解)[index.html]
[ index.js]![image](https://user-images.githubusercontent.com/17510186/38204428-85317ec0-36d5-11e8-8d75-81377b09a0b1.png)
console.log(666666)
目录如下webpack
打包命令,发现报错如下<script src="./dist/main.js"></script>
然后命令行启动webpack --mode development
此时会发现打包成功,把index.html拖到浏览器打开控制台会打印出来666666