随笔分类 -  webpack使用

摘要:1 目录展示 安装依赖 2 css中使用图片 2.1 webpack.config.js 2.2 app.js 2.3 layer.js 2.4 layer.less 2.5 打包 2.6 效果 2.7 使用 url-loader --url-loader 对图片大小进行限制 满足条件的转换为bas 阅读全文
posted @ 2017-04-06 18:07 Jesonhu 阅读(4425) 评论(0) 推荐(0)
摘要:1 目录展示 安装依赖 2 webpack.config.js配置 3 app.js 根目录 index.html 4 layer.js 5 layer.tpl 6 打包 7 查看 .tpl模板是否被解析 ok 8 .ejs模板 8.1 webpack.config.js添加 .ejs loader 阅读全文
posted @ 2017-04-06 17:22 Jesonhu 阅读(5319) 评论(0) 推荐(0)
摘要:1 目录结构 安装依赖 2 webpack.config.js配置 3 app.js 4 layer.js 5 layer.less 6 打包 7 效果验证 阅读全文
posted @ 2017-04-06 16:51 Jesonhu 阅读(1751) 评论(0) 推荐(0)
摘要:1 目录结构 安装的依赖 2 webpack.config.js 3 app.js 4 common.css 5 打包 6 查看效果 阅读全文
posted @ 2017-04-06 16:39 Jesonhu 阅读(2073) 评论(0) 推荐(0)
摘要:1 目录结构 安装依赖 cnpm install --save-dev babel-loader babel-core babel-preset-env babel-preset-latest 2 webpack.config.js 3 app.js 4 layer.js 5 打包 6 验证是否成功 阅读全文
posted @ 2017-04-06 16:20 Jesonhu 阅读(1529) 评论(0) 推荐(0)
摘要:1 当前目录 2 webpack.config.js 配置 4 根目录模板 index.html 5 打包 6 查看变化 6.1 a.html 6.2 b.html 6.3 c.html 阅读全文
posted @ 2017-04-06 16:08 Jesonhu 阅读(693) 评论(0) 推荐(0)
摘要:https://github.com/webpack-china/awesome-webpack-cn https://github.com/chemdemo/chemdemo.github.io/issues/10 阅读全文
posted @ 2017-04-06 14:40 Jesonhu 阅读(125) 评论(0) 推荐(0)
摘要:1 webpack.config.js 2 根目录 index.html 这里的.html同.ejs模板一样,可以使用js语法 <%= %> <% %> 、let in 、循环等 3 编译 可以看到压缩、传参、 header body不同地方引入js、(线上)都以实现 阅读全文
posted @ 2017-04-05 21:54 Jesonhu 阅读(1134) 评论(0) 推荐(0)
摘要:1 安装webpack插件 $ cnpm install html-webpack-plugin --save-dev 安装成功后 2 由于之前 dist/目录下,编译后的.html和.js会混在一起,不便于查看,我们根据类型分割放置位置 3 编译 根目录下的模板 编译后 阅读全文
posted @ 2017-04-05 21:43 Jesonhu 阅读(1990) 评论(0) 推荐(0)
摘要:1 entry打包入口 打包字符串和数组 1.1 打包 2 打包对象时 或者格式为 每次编译不管是否修改文件名都会变 阅读全文
posted @ 2017-04-05 21:29 Jesonhu 阅读(357) 评论(0) 推荐(0)
摘要:1 目录解释 webpack.config.js:配置文件,配置文件可以改成其他名,但package.json --config文件名称也要对应修改 2 webpack.config.js 3 package.json "scripts"里面配置了一个快捷键 “webpack” 值是这个快捷键的操作 阅读全文
posted @ 2017-04-05 21:06 Jesonhu 阅读(208) 评论(0) 推荐(0)

Top