vite安装terser插件
时间: 2024-01-25 11:08:59 浏览: 661
是的,vite会自动安装terser插件。terser是一款用于压缩和混淆JavaScript代码的工具。在vite的配置中,你可以使用terserOptions来配置terser插件的行为,例如删除console语句、删除debugger语句等。通过设置minify选项为'terser',vite会自动使用terser插件进行代码压缩和混淆。如果你想使用其他压缩插件,你也可以将minify选项设置为对应的插件名称。
相关问题
vite中rollup-plugin-terser的使用
在 Vite 中使用 `rollup-plugin-terser` 可以通过以下步骤完成:
1. 首先,安装 `rollup-plugin-terser`:
```bash
npm install rollup-plugin-terser --save-dev
```
2. 在 `vite.config.js` 文件中的 `build.rollupOptions` 选项中添加 `terser` 插件:
```javascript
// vite.config.js
import { defineConfig } from 'vite';
import { terser } from 'rollup-plugin-terser';
export default defineConfig({
build: {
rollupOptions: {
plugins: [terser()],
},
},
});
```
这样就启用了 `terser` 插件,并且在打包时会自动压缩代码。
如果需要更多的配置选项,可以在 `terser` 方法中传入一个对象,例如:
```javascript
export default defineConfig({
build: {
rollupOptions: {
plugins: [
terser({
compress: {
drop_console: true,
},
}),
],
},
},
});
```
上面的配置可以删除所有的 `console` 语句。
更多的配置选项可以参考 [terser 的文档](https://github.com/terser/terser#minify-options)。
vite 中使用 html-minifier-terser
在Vite中使用html-minifier-terser插件可以对HTML进行压缩和优化。你可以在Vite的配置文件中添加以下代码来使用该插件:
```javascript
const htmlMinifierPlugin = require('html-minifier-terser');
module.exports = {
// 其他配置项...
plugins: \[
htmlMinifierPlugin({
// 配置项...
})
\]
}
```
你可以根据需要配置html-minifier-terser插件的选项来进行定制化的压缩和优化。例如,你可以设置`collapseWhitespace`选项来移除HTML中的空白字符,或者设置`removeComments`选项来移除注释等。具体的配置项可以参考html-minifier-terser的文档。
引用\[1\]中的代码是使用SpeedMeasurePlugin来测量打包时间的插件,并使用smp.wrap方法包裹了导出的webpack配置。这样可以在控制台中看到每个插件的执行时间,以便进行性能优化。
引用\[2\]中的代码是使用PurgeCssPlugin来移除未使用的CSS样式的插件,并通过safelist属性来保留指定的HTML标签的样式。
引用\[3\]中提到了一些在代码中可能存在的问题,例如使用了ES6的语法、模块化语法和CommonJS的模块化语法,以及在通过script标签引入时需要添加type="module"属性。这些问题可能会导致在低版本浏览器上出现兼容性问题。
#### 引用[.reference_title]
- *1* *2* *3* [Webpack从入门到进阶(三)---附沿路学习案例代码](https://blog.csdn.net/wuyxinu/article/details/123221905)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)