摘要：
想不想让你的浏览器监测你代码的修改，并自动刷新修改后的结果，其实Webpack提供一个可选的本地开发服务器，这个本地服务器基于node.js构建，可以实现你想要的这些功能，不过它是一个单独的组件，在webpack中进行配置之前需要单独安装它作为项目依赖 npm install webpack-dev 阅读全文
posted @ 2017-04-28 18:28
xiangcy
阅读(324)
评论(0)
推荐(0)
摘要：
1.图片文件： 在src下新建文件夹assets，放入一张图片： 1）.css背景中的图片 打包发现报错，并且打包过程中并没有图片： 安装图片处理loader 第一种：file-loader; 打包；打开html,ok! 打包过程中生成的路径 2）.根目录下模板图片url -- 如果引用的是绝对路径 阅读全文
posted @ 2017-04-28 18:27
xiangcy
阅读(228)
评论(0)
推荐(0)
摘要：
例如：layer.html 1）.使webpack，让他把模板文件当字符串处理 在layer.js里面把模板引入进来 在app.js里面操作： 模板文件添加div 运行有一个错误；需要安装一个loader来处理他； 添加匹配规则： 再运行；修改一下看看生成页面变化； 2）.使webpack，让他把模 阅读全文
posted @ 2017-04-28 18:16
xiangcy
阅读(207)
评论(0)
推荐(0)
摘要：
新建目录 Coponents : 放需要的应用组件，创建layer组件； --App.js ： 应用的入口 --创建layer组件： Layer.html Layer.less Layer.js --修改配置文件： *记得安装插件html-webpack-plugins; loader 官网 => 阅读全文
posted @ 2017-04-28 18:02
xiangcy
阅读(1802)
评论(0)
推荐(0)
摘要：
1. 现在项目下已经有了初始页面，页面引用的是bundle.js,但是我们打包后的文件名是不确定的(带hash等)，有什么办法能自动改变路径？借助插件; 2. 安装npm install html-webpack-plugin –save-dev; 3. 配置文件中引用 官网=>using Plug 阅读全文
posted @ 2017-04-28 17:42
xiangcy
阅读(617)
评论(0)
推荐(0)
摘要：
1. 新建目录mkdir webpack-demo; 2. 用npm初始化目录 npm init; 3. 安装webpack： npm install webpack –save-dev; 4. 建一些文件夹供项目使用； mkdir src => 项目源文件 mkdir dist =>静态资源 5. 阅读全文
posted @ 2017-04-28 17:24
xiangcy
阅读(2216)
评论(0)
推荐(0)
摘要：
webpack支持的三种模块化方式: AMD,COMMON,ES6 webpack官网很多文档都在 Configuration 在webpack中，任何资源都视为一个模块 loader的处理方式是从右到左 webpack-2： https://qiutc.me/post/webpack-2-%E7% 阅读全文
posted @ 2017-04-28 17:16
xiangcy
阅读(227)
评论(0)
推荐(0)
浙公网安备 33010602011771号