随笔分类 - 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
阅读全文
摘要: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
阅读全文
摘要:1 目录结构 安装依赖 2 webpack.config.js配置 3 app.js 4 layer.js 5 layer.less 6 打包 7 效果验证
阅读全文
摘要:1 目录结构 安装的依赖 2 webpack.config.js 3 app.js 4 common.css 5 打包 6 查看效果
阅读全文
摘要: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 验证是否成功
阅读全文
摘要:1 当前目录 2 webpack.config.js 配置 4 根目录模板 index.html 5 打包 6 查看变化 6.1 a.html 6.2 b.html 6.3 c.html
阅读全文
摘要:https://github.com/webpack-china/awesome-webpack-cn https://github.com/chemdemo/chemdemo.github.io/issues/10
阅读全文
摘要:1 webpack.config.js 2 根目录 index.html 这里的.html同.ejs模板一样,可以使用js语法 <%= %> <% %> 、let in 、循环等 3 编译 可以看到压缩、传参、 header body不同地方引入js、(线上)都以实现
阅读全文
摘要:1 安装webpack插件 $ cnpm install html-webpack-plugin --save-dev 安装成功后 2 由于之前 dist/目录下,编译后的.html和.js会混在一起,不便于查看,我们根据类型分割放置位置 3 编译 根目录下的模板 编译后
阅读全文
摘要:1 entry打包入口 打包字符串和数组 1.1 打包 2 打包对象时 或者格式为 每次编译不管是否修改文件名都会变
阅读全文
摘要:1 目录解释 webpack.config.js:配置文件,配置文件可以改成其他名,但package.json --config文件名称也要对应修改 2 webpack.config.js 3 package.json "scripts"里面配置了一个快捷键 “webpack” 值是这个快捷键的操作
阅读全文

浙公网安备 33010602011771号