码迷,mamicode.com
首页 > Web开发 > 详细

webpack4

时间:2020-01-07 17:58:07      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:ack   --   运行   npm   ade   注意   name   pre   mode   

webpack4

#查看webpack版本
1.npm info webpack
2.webpack -v
如果没有出现,npm install --global webpack-cli,因为
注意:webpack 4x以上,webpack将命令相关的内容都放到了webpack-cli,所以还需要安装webpack-cli;
之后再webpack -v
//========================
#webpack4开始

安装 
npm install webpack-cli -g

基本使用
webpack输入文件.js 输出文件.js

打包命令
webpack index.js -o output_test.js // 生产环境
webpack --mode development index.js -o output_test_d.js // 开发环境


#蛋:

--save   <=> -S     
--save-dev  <=> -D 

2、npm i --save-dev  <packname>  

      工程构建(开发时、“打包”时)依赖 ;例:xxx-cli , less-loader , babel-loader...
3、npm i --save <packname> 

      项目(运行时、发布到生产环境时)依赖;例:antd , element,react...

 

end.

webpack4

标签:ack   --   运行   npm   ade   注意   name   pre   mode   

原文地址:https://www.cnblogs.com/wn798/p/12162676.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!