qq_29055201的博客

其实用一句话来概括很简单，就是锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install 的时候的依赖能保证一致。

webpack从零构建一个vue的项目平时里，大家要构建一个vue项目或者react项目，大都是通过官方提供的脚手架来实现，这也确实为我们提供了便利，可这同时也为我们，带来了很多的困惑，为什么有那么多的配置文件，有那么多的项目依赖，它们之间有什么关系，是如何工作的？感觉用了webpack项目开发是变得简单了，但同时问题也变得多了，项目的构建变成了一个墨盒子，我们不知道盒子里的内容是如何工作的。这...

module.exports = { // 部署应用时的基本 URL baseUrl: process.env.NODE_ENV === 'production' ? '192.168.60.110:8080' : '192.168.60.110:8080', // build时构建文件的目录 构建时传入 --no-clean 可关闭该行为 outputDir: ...

使用工具：husky。一个git钩子工具，这里主要用pre-commit钩子。通俗点讲就是husky可以在你commit之前帮你做一些事情。prettier。 一个很流行的代码格式化工具，你很容易在编辑器找到实现它的各种插件，像vscode,atom,webstom都可以找到。这里用它在代码提交前做代码格式化。eslint。 代码检查工具。eslint也可以负责一部分代码格式检查的工作，但是...

1、解析webpack配置参数，合并从shell传入和webpack.config.js文件里的配置参数，生成最后的配置结果 。2、注册所有配置的插件，好让插件监听webpack构建生命周期的事件节点，以做出对应的反应。3、从配置的entry入口文件开始解析文件构建AST语法树，找出每个文件所依赖的文件，递归下去。4、在解析文件递归的过程中根据文件类型和loader配置找出合适的loader...

功能htm-webpack-plugin插件的作用：1）为html文件引入外部资源如script, link动态添加每次compile的Hash,防止引用缓存的外部文件问题。2）可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置N个html-webpack-plugin可以生成N个页面入口。安装npm i html-webpack-plugin -D配置在w...

DefinePlugin通过DefinePlugin可以定义一些全局的变量，我们可以在模块当中直接使用这些变量。无需作任何声明，看一个简单的webpack配置：const webpack = require('webpack')const path = require('path')module.exports = { entry: { main: './src/main.js'...

场景babel升级到7后，安装babel相关插件后，项目跑不起来，一直报错：Error: Cannot find module '@babel/core'babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should...

场景webpack版本：4.29.6vue-loader版本： 15.7.0在使用webpack手动构建Vue项目时，突然报出这个错误：vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.分析Vue-load...

作用extract-text-webpack-plugin插件主要是为了抽离css样式，防止将样式打包在js中引起页面样式加载错乱的现象。安装npm i extract-text-webpack-plugin -D使用在webpack.config.js中进行配置1.引入extract-text-webpack-pluginconst ExtractTextPlugin = req...

在使用webpack4命令行工具打包时：webpack hello.js hello.bundle.js结果报错如下：ERROR in multi ./hello.js hello.bundle.jsModule not found: Error: Can’t resolve ‘hello.bundle.js’ in ‘C:\wangliang\study\webpack-demo’@ ...

在使用webpack-dev-server插件时，报错"Hot Module Replacement is disabled"解决办法有两种：1）在webpack.config.js中添加new webpack.HotModuleReplacementPlugin(),方法二：在package.json中的script属性中，webpack-dev-server配置项中添加 --h...