vue 怎么把js统一打包到一个文件夹里
时间: 2024-01-22 15:01:49 浏览: 217
pc端打包好的文件夹(vue)
在使用 Vue CLI 创建的项目中,可以通过配置 `vue.config.js` 文件来实现将 JavaScript 文件统一打包到一个文件夹中。
首先,在项目根目录下创建一个 `vue.config.js` 文件,然后在文件中添加如下配置:
```js
module.exports = {
configureWebpack: {
output: {
filename: 'js/[name].js'
}
}
}
```
以上配置会将所有 JavaScript 文件打包到 `js` 文件夹下,文件名格式为 `[name].js`,其中 `[name]` 表示打包前的文件名。
如果你想在打包时指定一个固定的名称,可以使用以下配置:
```js
module.exports = {
configureWebpack: {
output: {
filename: 'js/bundle.js'
}
}
}
```
以上配置会将所有 JavaScript 文件打包到 `js` 文件夹下,文件名固定为 `bundle.js`。
注意:以上配置只适用于使用 Vue CLI 创建的项目。如果你是手动创建 Vue 项目,则需要根据实际情况修改 webpack 配置文件。
阅读全文