《基于 Vue 组件库的 Webpack5 配置》1.模式 Mode 和 vue-loader

一定要配置模式 Mode，这里有个小知识点，环境变量 process.env.NODE_ENV``````module.exports ={mode:'production',// process.env.NODE_ENV 或 development,}
一定要配置 vue-loader- Vue Loader v15 现在需要配合一个 webpack 插件才能正确使用；- 一个 webpack 的 loader，它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件；- vue-loader 和 vue-template-compiler 要一起安装，以保证版本的一致性。npm install -D vue-loader vue-template-compiler；- package.json 的 webpack 中必须配置该插件，如下const{ VueLoaderPlugin }=require('vue-loader')module.exports ={module:{rules:[// ... 其它规则{test:/\.vue$/,loader:'vue-loader'// use: ['vue-loader'] //也可以，是数组}]},plugins:[// 请确保引入这个插件！newVueLoaderPlugin()]}

标签： vue.js 前端 webpack

本文转载自: https://blog.csdn.net/sinat_31213021/article/details/132496798
版权归原作者 AvatarGiser 所有，如有侵权，请联系我们删除。

《基于 Vue 组件库 的 Webpack5 配置》1.模式 Mode 和 vue-loader