随笔分类 - Webpack
摘要：webpack.conf.js 中 resolve.alias 配置 配置了resolve.alias 后，在js中我们可以这样用 在scss中需要这样写，注意是~@ 问题与背景 在 *.vue 中的 style 标签中，我使用 @import 引入 icon.scss 样式。由于icon需要依赖一
阅读全文
摘要：一、安装babel相关 1，安装依赖 2，新建.babelrc 3，相关webpack.conf.js 片段 二、安装静态资源全家桶（img/svg、字体图标、css/scss/style/postcss/autoprefixer） 1，安装依赖 2，相关webpack.conf.js 片段
阅读全文
摘要：npm rebuild node-sass
阅读全文
摘要：控制台一直提示“building for production...”，而且spinner停止了动画！ 由于没有任何的提示。况且项目的代码、结构、设计完全未知模糊的情况下，我只能按照unix的理念“使之运行、使之正确、使之快速”作为理论依据指导我来调试了。 按照这个理念，我最初设定的目标，就是让他正
阅读全文
摘要：webpack 打包压缩 ES6文件报错UglifyJs + Unexpected token punc ((); 或者 Unexpected token: operator (>) 解决方案就是将babel配置转义到 .babelrc 文件中。具体做法是在根目录新建 .babel，输入 在webp
阅读全文
摘要：在浏览器中运行的 JavaScript 代码都是编译器输出的代码，这些代码的可读性很差。如果在开发过程中遇到一个不知道原因的 Bug，则你可能需要通过断点调试去找出问题。 在编译器输出的代码上进行断点调试是一件辛苦和不优雅的事情， 调试工具可以通过 Source Map 映射代码，让你在源代码上断点
阅读全文
摘要：额、备份一下总是好的 配置webpack.config.js 配置.babelrc 配置package.json，加入scripts
阅读全文
摘要：能用babel编译es2015 、 能热编译、能加载静态资源（js/css/font/image）。是一个很通用的开发环境，虽然不智能。但很好扩展 npm 安装列表： webpack.config.js package.json 目录结构： 快速启动：npm run dev
阅读全文
摘要：https://segmentfault.com/q/1010000006591131 通过修改 HtmlWebpackPlugin 源码实现了 修改后的配置： 插件修改部分： 修改前： 修改后： 效果图：
阅读全文
摘要：webpack.config.js 只需要注意加大加粗的地方。 package.json 命令行执行 npm run dev 测试
阅读全文
摘要：package.json server.js —— 类似express构建http服务
阅读全文
摘要：笔记： 1、 2、所有的gulp任务都带一个回调函数。这个回调函数的调用，说明该任务结束了。 3、gulp如何传参？ 使用示例：gulp build --env prod webpack默认只能加载（import）js文件加载器（loader）的作用就是把其它类型的文件转换成Js代码文件引入到程序中
阅读全文
