Catch
标签:Webpack

Webpack项目自动化部署到阿里云OSS

笔者在开发Vue项目时每次都要重复如下操作 删除dist目录 yarn build 删除oss文件 把dist目录文件上传到oss上 这样拖慢了开发效率,浪费了很多时间在这种无聊的事情上,于是笔者通过一番查找和学习,使用两个webpack插件(clean-webpack-plugin、aliyunoss-webpack-plugin)解决了以上问题 clean-webpack-plugin的使用已通过之前的文章 webpack在打包前清理dist目录 讲解过,这里不再赘述 aliyunoss-webpack-plugin插件使用 首先安装aliyunoss-webpack-plugin插件 yarn add aliyunoss-webpack-plugin -D // 或者使用 npm i aliyunoss-webpack-plugin -D 修改webpack.prod.conf.js const AliyunossWebpackPlugin = require('aliyunoss-webpack-plugin') const oss = require('../oss') ... plugins: [ ... // 插入到最后面 new AliyunossWebpackPlugin({ buildPath: 'dist/**', region: oss.region, accessKeyId: oss.accessKeyId, accessKeySecret: oss.a

6月前 667浏览

webpack在打包前清理dist目录

由于每次build项目都会直接增加新文件到dist目录,所以为了避免每次都要手动删除旧的文件,采用clean-webpack-plugin插件在打包前自动清理dist目录 插件安装 npm install clean-webpack-plugin --save-dev // 或者使用yarn yarn add clean-webpack-plugin -D 修改webpack 我创建的是vue项目,需要修改webpack.prod.conf.js文件 const CleanWebpackPlugin = require('clean-webpack-plugin') ... plugins: [ new CleanWebpackPlugin(['dist']), ... ]

6月前 164浏览