当前位置: 首页 > news >正文

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

  1. 一定要配置 模式 Mode,这里有个小知识点,环境变量 process.env.NODE_ENV

    module.exports = {mode: 'production',// process.env.NODE_ENV 或 development,
    }
    
  2. 一定要配置 vue-loader

    • Vue Loader v15 现在需要配合一个 webpack 插件才能正确使用;

    • 一个 webpack 的 loader,它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件;

    • vue-loadervue-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: [// 请确保引入这个插件!new VueLoaderPlugin()]
      }
      
http://www.lryc.cn/news/140049.html

相关文章:

  • 01.sqlite3学习——数据库概述
  • 视频集中存储/云存储平台EasyCVR国标GB28181协议接入的报文交互数据包分析
  • 容器技术,1. Docker,2. Kubernetes(K8s):
  • Jtti :sql server怎么备份数据库?
  • Stable Diffusion 系列教程 | 打破模型壁垒
  • Cypress 做 e2e 测试,如何在获得某个 checkbox 后先判断它是否被 check 然后再更改它的状态?
  • 基于PIC单片机温度-脉搏-DS18B20温度-液晶12864显示(proteus仿真+源程序)
  • 【C++进阶(一)】STL大法以及string的使用
  • leetcode做题笔记99. 恢复二叉搜索树
  • 24 | 紧跟时代步伐:微服务模式下API测试要怎么做?
  • 【论文阅读】POIROT:关联攻击行为与内核审计记录以寻找网络威胁(CCS-2019)
  • K8S cluster with multi-masters on Azure VM
  • 初阶c语言:趣味扫雷游戏
  • JVM——内存模型
  • java八股文面试[JVM]——元空间
  • 科技云报道:云计算下半场,公有云市场生变,私有云风景独好
  • Oracle 如何给大表添加带有默认值的字段
  • 记录Taro大坑2丢失api无法启动
  • Java-Maven-解决maven deploy时报 401 Reason Phrase Unauthorized 错误
  • 【数据结构】 栈(Stack)的应用场景
  • 人力资源小程序的设计原则与实现方法
  • 检查Javascript对象数组中是否存在对象值,如果没有向数组添加新对象
  • UG\NX二次开发 使用录制功能录制操作记录时,如何设置默认的开发语言?
  • 【业务功能篇83】微服务SpringCloud-ElasticSearch-Kibanan-docke安装-应用层实战
  • VBJSON报错:缺少:语句结束
  • Docker安装ES+kibana8.9.1
  • 12. Oracle中case when详解
  • 【电路设计】220V AC转低压DC电路概述
  • 网络地址转换NAT-动态NAT的使用范围和配置-思科EI,华为数通
  • 远程连接虚拟机中ubuntu报错:Network error:Connection refused