vue.js - 使用vue-cli+webpack构建项目打包时，不打包某个js文件?

问题描述

问 题

在用vue-cli+webpack官方提供的那一套，最后执行 npm run build 时，我有的js文件不需要进行打包，只是需要在生成的index.html文件中引入即可。该如何配置配置文件？

解决方案

这些文件放到 static 目录下，然后在 index.html 里直接使用 script 标签引入即可，引入路径是 /static/xxx.js。

这些文件声明全局变量、函数的话，在 .eslintrc.js 中配置 globals，然后在需要用到的地方直接使用就可以了。

globals 是一个对象，对象键名是可以全局使用的变量、函数名，键值为 true 表示该变量可读写，false 表示只读（不会出来在赋值语句的等式左侧）。

举例如下：

"globals": {
  "globalVar1": true,
  "jQuery": false,
  "$": false
}

也可以直接在 js 代码中通过注释声明 global 的变量或函数：

/* global jQuery:false */
jQuery('#input').focus()

参见：声明全局标识

这篇关于vue.js - 使用vue-cli+webpack构建项目打包时，不打包某个js文件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！