Vue2没有`public`文件夹,该怎么建资源文件,编译后不被压缩

Vue 2项目中,如果没有`public`文件夹,可以在项目根目录下创建一个`static`文件夹来存放静态资源文件,如JSCSS、图片等。

 

如果你想在打包后不压缩JS文件,并且这个JS文件是在HTML中通过`script`标签引用的,可以按照以下步骤进行操作:

 

1. `static`文件夹下创建一个`js`文件夹,并将需要不压缩的JS文件放入其中,如`test.js`

 

2. `config`文件夹下的`index.js`文件中,找到`build`对象下的`assetsSubDirectory`属性,将其值设置为`'static'`,表示打包后的静态资源文件将会放在`dist/static`目录下。

 

```javascript

module.exports = {

  // 省略其他配置...

  build: {

    // 省略其他配置...

    assetsSubDirectory: 'static',

    // 省略其他配置...

  },

  // 省略其他配置...

}

```

3. 在需要引用`test.js`HTML文件中,通过`script`标签引用该文件,如:

 

```html

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Vue 2 Test</title>

</head>

<body>

  <div id="app"></div>

  <script src="./static/js/test.js"></script>

</body>

</html>

```

 

这样,在打包后的`dist`目录中,`test.js`将会被放置在`dist/static/js/`目录下,而且不会被压缩。

posted @ 2023-05-10 16:57  小小菜鸟04  阅读(1645)  评论(0)    收藏  举报