-
一定要配置 模式 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
;文章来源:https://www.toymoban.com/news/detail-672667.html -
package.json
的 webpack 中必须配置该插件,如下文章来源地址https://www.toymoban.com/news/detail-672667.htmlconst { VueLoaderPlugin } = require('vue-loader') module.exports = { module: { rules: [ // ... 其它规则 { test: /\.vue$/, loader: 'vue-loader' // use: ['vue-loader'] //也可以,是数组 } ] }, plugins: [ // 请确保引入这个插件! new VueLoaderPlugin() ] }
-
到了这里,关于《基于 Vue 组件库 的 Webpack5 配置》1.模式 Mode 和 vue-loader的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!