vue 设置不打包某个js文件

787 阅读1分钟

1.将文件放到public目录下

例如我这里的text1.js文件

1.png

2.在index.html文件中,通过script标签引入文件

注意:

  • 千万不要通过import或者require引入文件,这都会导致webpack打包该文件。
  • 这里的<%= BASE_URL %>代表public目录,不同版本可能不同,具体看favicon.ico前面是什么,设置为一样的即可

2.png

那如何使用js文件里面的变量呢?

3.将变量设置为windows的属性

3.png

那么我们就可以间接通过window的属性来访问该文件中的变量

4.png

4.最后yarn build或npm run build打包文件

发现text1.js并没有被打包

6.png

题外话:如果想启动打包后的项目,推荐使用http-server,只需要先全局安装npm install --global http-server ,然后在dist目录下, http-server -c-1 -o 即可查看项目

  • -c-1:禁用缓存,开启后可实时更新页面
  • -o:自动打开浏览器查看