首页 > Web开发 > 详细

关于webpack

时间:2017-04-27 16:12:30      阅读:290      评论:0      收藏:0      [点我收藏+]

---恢复内容开始---

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

原文:http://www.cnblogs.com/jxm321/p/6774701.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!