首页 > 代码库 > 关于webpack
关于webpack
---恢复内容开始---
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(文件自动改变自动更新)
---恢复内容结束---
关于webpack
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。