一、全局安装 webpack-cli 脚手架
二、新建一个项目wp,并在wp目录下初始化一个package.json文件。
在wp目录下新建一个src目录,并在该目录下新建一个index.js
作为入口文件
webpack4.x
给我们提供了两种打包模式:
development
为开发模式
production
为生产模式,打包出的 main.js
代码自动压缩
我们可以直接使用命令 webpack --mode development
进行开发模式打包
webpack --mode production 打包
不管哪种模式,我们每次打包都使用 webpack --mode development
或者 webpack --mode production
都有点麻烦,我们可以修改下package.json文件里面的 scripts
属性:
"dev": "webpack --mode development",
"build: "webpack --mode production"
最后我们就可以使用 npm run dev
进行开发模式打包,使用 npm run build
进行生产模式打包。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。