webpack的基础使用
一.基础步骤 步骤可能重复,但不容易错
1.新建一个文件夹(文件夹名字不能出现webpack)
2.全局安装webpack
npm install webpack -g
3.npm init(初始化npm)
4.npm install webpack --save-dev 下载webpack
5.使用webpack打包 webpake 原来名称 后来名称
二.关于js的引用
request('./h.js') a.js和h.js同级,但是引用还是要加./
三.关于css的引用
webpack本身不支持css
解决办法:
npm install css-loader style-loader --save-dev
引用时 request('style-loader!css-loader!./style.css')
或者
webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' --watch
(这里有个坑:ios用双引号,windown下 更改"css=style-loader!css-loader!" 是双引号)
--watch (文件自动更新 自动打包)
--progress (看到文件打包的过程)
--display-modules (看到文件打包的模块)
--display-reasons (打包的理由)