随笔分类 - 前端工程化
摘要：npm link npm link用来在本地项目和本地npm模块之间建立连接，可以在本地进行模块测试 具体用法： 项目和模块在同一个目录下，可以使用相对路径 npm link ../module 项目和模块不在同一个目录下 cd到模块目录，npm link，进行全局link cd到项目目录，npm
阅读全文
摘要：webpack tapable webpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是tapable，核心原理是依赖于发布订阅模式; tapable注册函数的方法有三种：tap、tapAsync、tapPromise 相对应的执行方法也有三种：call、c
阅读全文
摘要：安装node modules resolve插件 添加jsconfig配置 "https://code.visualstudio.com/docs/languages/jsconfig"
阅读全文
摘要：安装 webpack.config.js index.js .babelrc package.json "该项目github地址"
阅读全文
摘要：null 参考链接： "https://www.cnblogs.com/lvdabao/p/5953884.html"
阅读全文
摘要：在使用webpack 3中，文件名的hash值可以有三种hash生成方式，那具体使用哪一种呢？ 1.hash 2.chunkhash 3.contenthash
阅读全文
摘要：解决方法 将ts-loader从4.0降低到3.1.1解决问题。是由于webpack和ts-loader版本不兼容造成的。
阅读全文
摘要：安装 安装：npm i -D babel-core babel-loader babel-plugin-transform-runtime 安装：npm i -D babel-preset-es2015 babel-preset-stage-0 安装：npm i -S babel-runtime 说
阅读全文
摘要：关于 Babel 如果我们没有配置一些规则，Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法
阅读全文
摘要：Webpack dev server使用http-proxy解决跨域问题 文档资料 webpack关于webpack-dev-server开启proxy的官方介绍Vue-cli proxyTable 解决开发环境的跨域问题——虽然这篇是写vue的，不过用在webpack-dev-server上也是一
阅读全文
摘要：最近正在研究webpack，听说webpack可以自己搭建一个小型的服务器（使用过vue-cli的朋友应该都见识到过），所以迫不及待的想要尝试一下。不过，在实际操作中发现，用webpack搭建服务器仍有不少坑，一方面是由于自己对文档的不熟悉，不了解webpack-dev-server的运作模式；另一
阅读全文
摘要：//节选自https://www.cnblogs.com/penghuwan/p/6941616.html#_label0 提纲： 1.复习webpack的知识 2.详解webpack-dev-server的配置属性 3.webpack-dev-server的自动刷新和模块热替换机制 4.webpa
阅读全文
摘要：在webpack中打包生成的文件会覆盖之前的文件，不过生成文件的时候文件名加了hash之后会每次都生成不一样的文件，这就会很麻烦，不但会生成很多冗余的文件，还很难搞清楚到底是哪个文件，这就需要引入该插件 npm install –save-dev clean-webpack-plugin
阅读全文
摘要：使用npm来进行前端包管理的时候，我们会用到npm install或者cnpm install命令来安装需要用到的包资源 我们通常会使用以上两种安装命令，而两者的区别在于： 当我们需要安装一些支持类的工具的时候，例如webpack，babel-loader之类时，我们希望用 当我们安装的是一些实际在
阅读全文
摘要：extract-text-webpack-plugin该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象;首先我先来介绍下这个插件的安装方法: 首先进入项目的根目录,然后执行以上命令进行插件的安装,插件安装完成后,接下来我们要做的就是在webpack.config.j
阅读全文
摘要：传统上我们会在html文件中引入CSS代码，借助webpack style-loader和css-loader我们可以在.js文件中引入css文件并让样式生效。 style-loader和css-loader作用是不同的。 css-loader: 加载.css文件 style-loader:使用<s
阅读全文
摘要：简介 require-ensure和require-amd的区别： require-amd 说明: 同AMD规范的require函数，使用时传递一个模块数组和回调函数，模块都被下载下来且都被执行后才执行回调函数 语法: require(dependencies: String[], [callbac
阅读全文
摘要：commonjs同步语法 经典的commonjs同步语法如下： 此时webpack会将a.js打包进引用它的文件中。这是最普遍的情形，不必赘述。 commonjs异步加载 在commonjs中有一个Modules/Async/A规范，里面定义了require.ensure语法。webpack实现了它
阅读全文
摘要：如果没有指定pubicPath,则引入路径如下 如果有指定publicPath 则引入如下
阅读全文
摘要：filename应该比较好理解，就是对应于entry里面生成出来的文件名。比如： 生成出来的文件名为index.min.js。 chunkname我的理解是未被列在entry中，却又需要被打包出来的文件命名配置。什么场景需要呢？我们项目就遇到过，在按需加载（异步）模块的时候，这样的文件是没有被列在e
阅读全文
