---恢复内容开始---
webpack 的安装
1.//全局安装
npm install -g webpack
2.在项目中,npm init自动创建package.json文件(一切选项默认即可)
3.//安装到你的项目目录
npm install --save-dev webpack
开始使用webpack:
新建hello.js,
在命令行输入webpack hello.js hello.bundle.js,则自动生成hello.bundle.js 的打包文件。
再建一个world.js,在hello.js中进行引用,在hello.bundle.js中会自动生成
处理css文件:webpack本身不支持css,需要安装loader作为依赖,安装命令为:
npm install css-loader style-loader --save-dev,并且给css文件指定相应的loader,并且引入时,
css-loader控制可以处理css文件,style-loader控制样式可以现在,会自动生成一个style标签。
直接在命令行输入:
webpack hello.js hello.bundle.js --module-bind ‘css=style-loader!css-loader‘ --watch(文件自动改变自动更新)
---恢复内容结束---
时间: 2024-10-08 09:09:21