webpack4.0的安装与使用
程序员文章站
2022-07-12 19:55:43
...
在安装前，请运行
node-v确保你在node的环境下
1、
//全局安装
npm install -g webpack
npm install -g webpack-cli
//到项目文件夹安装
npm init //会自动创建package.json文件，一路回车就OK了
npm install webpack -D
npm install webpack-cli -D2、创建成功后，由于默认的入口文件是index.js，所以新增src/index.js文件夹和文件。index.js文件里加入
alert("test");3、配置开发环境和生产环境，到package.json文件scripts里加入。
"dev": "webpack --mode development",
"build": "webpack --mode production"加完后可以尝试运行npm run dev和build两个命令，看下是否成功
4、也可以在根目录添加index.html引入dist的js看下，成功的话就初步清楚webpack的使用了
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="./dist/main.js"></script>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>5、webpack.config.js文件回头再补上
上一篇： centos7 搭建redis
下一篇： webpack4.0 配置