Vue-cli / webpack 加载静态js文件的方法

一、html-webpack-plugin 编译

1、只需要在入口处定义一个chunks，如我们定义一个fuck模块

entry: {
  app: './src/main.js',
  fuck: ['./src/utils/index.js', './src/utils/index2.js']
},

2、然后就可以在 html-webpack-plugin 插件配置处这样书写：

// https://github.com/ampedandwired/html-webpack-plugin
new HtmlWebpackPlugin({
	filename: 'index.html',
	template: 'index.html',
	chunks: ['fuck'],
	inject: true
}),

如果你使用的是vue-cli脚手架，那么在 webpack.dev.conf.js 、 webpack.prod.conf.js 都可以找到

 

二、如果你是使用vue-cli的脚手架

1、只需要将文件放入/static/中

2、然后在index.html中这样书写即可：

<script type="text/javascript" src="/static/fuck.js"></script>