webpack使用打包工具使用

Posted 2021-04-29 崔大da

第一步:安装node

第二步:全局安装cnpm

npm install cnpm -g

cnpm -v

安装过nodejs上面步骤省略

1.cnpm install webpack -g  全局安装 webpack

webpack -v 查看是否安装及版本

2.进入cd项目文件夹 安装 cnpm install webpack --save-dev

3.使用webpack      webpack  文件.js  文件.min.js    得到打包后得文件（**.min.js）

4.安装cnpm install css-loader style-loader --save-dev  

5.导入其它js和css文件    

require("./world.js")

 require("./style.css")

打包css之前  cnpm install css-loader style-loader --save-dev

5.不用在js里面写

直接在CMD中写    webpack hello.js hello.min.js --module-bind "css=style-loader!css-loader" --watch   --progress --display-modules --display-reasons

--watch（动态改变页面 不用重复执行上面代码）

--progress --display-modules --display-reasons（执行过程  执行原因  执行得模块）