1.将文件放到public目录下
例如我这里的text1.js文件
2.在index.html文件中,通过script标签引入文件
注意:
- 千万不要通过import或者require引入文件,这都会导致webpack打包该文件。
- 这里的<%= BASE_URL %>代表public目录,不同版本可能不同,具体看favicon.ico前面是什么,设置为一样的即可
那如何使用js文件里面的变量呢?
3.将变量设置为windows的属性
那么我们就可以间接通过window的属性来访问该文件中的变量
4.最后yarn build或npm run build打包文件
发现text1.js并没有被打包
题外话:如果想启动打包后的项目,推荐使用http-server,只需要先全局安装npm install --global http-server ,然后在dist目录下, http-server -c-1 -o 即可查看项目
- -c-1:禁用缓存,开启后可实时更新页面
- -o:自动打开浏览器查看