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>

巴特西

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

最新文章

热门文章