首页 > Web开发 > 详细

webpack用法1

时间:2017-07-18 11:42:55      阅读:290      评论:0      收藏:0      [点我收藏+]
  1. 新建文件夹,按住shift右击选择在此处打开命令窗口。

  2. npm init

  3. npm install webpack --save-dev

  4. 新建hello.js文件,function hello(str){ alert(str); }

  5. webpack hello.js hello.bundle.js 

  6. 新建world.js文件 function world(){ return { } }

  7. 改hello.js为 require("./world.js");

  8. 运行

  9. 新建style.css      body{background:#ccc;}

  10. 改hello.js为require("style-loader!css-loader!./style.css");

  11. npm install css-loader style-loader --save-dev

  12. 新建index.js文件<script src="hello.bundle.js"></script>  hello.js文件加上hello(‘hello world!‘);


webpack用法1

原文:http://liuxinyun.blog.51cto.com/8263686/1948418

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