webpack打包工具
webpack安装(有node->node/npm -v查看)
1.创建一个文件夹
2.文件夹下
npm init
3.npm install webpack webpack-cli -g
4.切换镜像npm install -g cnpm --registry=https://registry.npm.taobao.org
5.cnpm install webpack webpack-cli -D
根目录添加src目录,下建index.js
开发环境打包webpack ./src/index.js -o built/ --mode=development
生产环境打包webpack ./src/index.js -o built/ --mode=production
6.装jquery(装后可打包jq) cnpm install jquery -D
7.index.js中引入import $ from ‘jquery’
8.装loader cnpm i css-loader style-loader -D
根目录新建webpack.config.js配置
9.装less cnpm install less-loader less -D
10.装html cnpm install html-webpack-plugin -D
11.装css图片 cnpm install url-loader file-loader -D
12.装html里的图片 cnpm i html-loader -D