Vue-cli项目中用hard-source-webpack-plugin的优势

在Vue-cli项目中， 开发者常常需要处理一巨大堆的文件和依赖，这弄得编译时候较长远，关系到了开发效率。而hard-source-webpack-plugin的出现，正是为了解决这一问题。

通过用hard-source-webpack-plugin， Neng巨大幅少许些编译时候，搞优良开发效率。在第一次构建时 该插件会对个个模块创建一个结实盘缓存，在后续的构建过程中，它会用这些个缓存来加迅速编译速度。

hard-source-webpack-plugin的干活原理

1. 在第一次构建时为个个模块创建一个结实盘缓存。

2. 在后续的构建过程中，用这些个缓存来加迅速编译速度。

3. Ru果源文件或依赖发生变来变去，则沉新鲜构建模块，并geng新鲜缓存。

要用hard-source-webpack-plugin， 先说说需要安装它：

npm install hard-source-webpack-plugin --save-dev

在Vue-cli项目的webpack配置文件中，引入并用该插件：

const HardSourceWebpackPlugin = require;
module.exports = {
  configureWebpack: {
    plugins: 
  }
}

第一次构建与后续构建的差异

在配置了hard-source-webpack-plugin之后第一次运行npm run serve或npm run build时你兴许会注意到构建时候比之前geng长远。这是基本上原因是插件需要创建结实盘缓存。但是在后续的构建过程中，你将感受到编译速度的显著提升。

注意事项

• 确保你的项目结构适合用结实盘缓存。
• 在geng改项目结构或geng新鲜依赖后想起来清理缓存。
• 在有些情况下你兴许需要调整缓存的巨大细小和位置。

hard-source-webpack-plugin是一个非常有用的Webpack优化插件， 在巨大型项目中Neng显著提升编译速度，值得尝试。通过在Vue-cli项目中用该插件，你Neng节省一巨大堆时候，搞优良开发效率。

在安装和用hard-source-webpack-plugin时 遵循上述步骤和注意事项，相信你会在Vue-cli项目中得到geng优良的编译性Neng。

---