码迷,mamicode.com
首页 > Web开发 > 详细

webpack 的使用

时间:2017-10-04 19:13:34      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:结果   --   进入   技术   命令   http   9.png   blog   ade   

进入指定文件夹  npm init

安装 npm install webapck --save-dev

根目录下新建hello.js

技术分享

 将文件打包到指定文件  Asset :打包成的文件名称 Chunks:分块 后面为分块名称

技术分享

打包结果 

技术分享

  新建world.js 执行上一条命令

技术分享 

技术分享

结果 

技术分享

 

 对css的处理

新建style.css,hello.js中引入

 技术分享

报错 

技术分享

需要安装loader 

技术分享

运行 报错 原因没有引入 

技术分享

 修改 运行成功 

技术分享

新建html 引入js 

 

技术分享 

技术分享 

技术分享

 

webpack 的使用

标签:结果   --   进入   技术   命令   http   9.png   blog   ade   

原文地址:http://www.cnblogs.com/-maomao-/p/7626987.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!