wangeditor富文本编辑器打包
时间: 2023-09-02 11:12:22 浏览: 128
wangEditor富文本编辑器
要将 wangeditor 富文本编辑器进行打包,可以按照以下步骤进行操作:
1. 首先,在项目目录下,使用 npm 安装 webpack 和 webpack-cli:
```
npm install webpack webpack-cli --save-dev
```
2. 在项目目录下创建一个 webpack 配置文件 webpack.config.js,并进行如下配置:
```
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'wangeditor.min.js',
path: path.resolve(__dirname, 'dist')
},
mode: 'production'
};
```
其中,entry 表示入口文件,output 表示输出文件,mode 表示打包模式为生产环境。
3. 在 package.json 中添加打包脚本:
```
"scripts": {
"build": "webpack"
}
```
4. 执行打包命令:
```
npm run build
```
执行完毕后,会在项目的 dist 目录下生成 wangeditor.min.js 文件,即为打包后的文件。
阅读全文