webpack4

要安装webpack和webpack-cli

webpack4已经不再用webpack file1 file2的方式进行打包

用webpack --mode development/production命令打包

默认项目入口为根目录中的./src/index.js(需要自己添加)

输出到./dist/main中(打包后自动生成)

可在package.json中配置命令

"dev": "webpack --mode development"

"build": "webpack --mode production"

总结

1、webpack-cli必须要全局安装,否则不能使用webpack指令; 

2、webpack也必须要全局安装,否则也不能使用webpack指令。 

3、webpack4.x中webpack.config.js这样的配置文件不是必须的。 

4、默认入口文件是./src/index.js,默认输出文件./dist/main.js。

配置步骤

1、创建工程目录; 

2、初始化工程目录:npm init。 

3、全局安装webpack-cli。 

4、全局安装webpack。 

5、webpack –mode development/production进行打包,可在package.json中配置dev和build的脚本,便只需运行npm run dev/build,作用相同。 

6、在webpack –mode development/production可串联设置其他参数。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容