Vue2没有`public`文件夹,该怎么建资源文件,编译后不被压缩
在Vue 2项目中,如果没有`public`文件夹,可以在项目根目录下创建一个`static`文件夹来存放静态资源文件,如JS、CSS、图片等。
如果你想在打包后不压缩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/`目录下,而且不会被压缩。
浙公网安备 33010602011771号