vue-loader与vue-cli3
发布网友
发布时间：2022-09-06 17:23
共1个回答
热心网友
时间：2024-08-11 04:59
查看文档
Vue Loader 是一个 webpack 的 loader(在vue-cli中已自动集成)，以下功能都依赖于Vue Loader:
当 Vue Loader 编译单文件组件中的 <template> 块时，它也会将所有遇到的资源 URL 转换为 webpack 模块请求。因此动态添加/更改的资源非绝对路径需要使用 require 处理。
默认下列标签/特性的组合会被转换，且这些组合时可以使用 transformAssetUrls 选项进行配置的。
( 如配置额外的 <style> 块使用 css-loader ，也可以使 CSS 中的资源 URL 变成模块请求。)
Vue Loader 会根据 lang 特性以及你 webpack 配置中的规则自动推断出要使用的其他 loader。
有些预处理器对 >>> 不支持，此时可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >>> 的别名。
或直接
可自行在 process.env 对象下定义需要使用的变量
一般约定 NODE_ENV 为环境变量名称
在项目中可以根据不同环境值进行差异化配置
在vue-cli3构建的项目中,默认 num run start 环境值为 development , num run build 环境值为 proction ,当需要其他环境时,可安装 cross-env 插件
并在package.json中进行如下配置
则 npm run test 时,获取的环境值即为 test
在根目录下创建 vue.config.js 中进行配置
