webpack用法1

  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文件  hello.js文件加上hello('hello world!');


网站标题:webpack用法1
分享地址:http://ybzwz.com/article/jcjieo.html