less-emit-webpack-plugin

介绍

vue组件通过 extract-text-webpack-plugin 提取独立样式文件，仅在确实修改了样式，才更新到输出目录，避免抖音小程序开发工具，长时间刷新，严重影响开发体验

微信小程序开发工具没有类似问题，性能明显领先一截

背景

抖音小程序修改文件后编译速度比较Low, 基于mpvue框架的项目默认需要 extract-text-webpack-plugin, 独立样式文件 但是在 page.vue 中仅仅修改template, 也会导致各个页面的样式被重新提取 然后，抖音小程序的开发工具就跪了， 所以自定义该插件，尽量在内容没变更时，就不要emit文件到硬盘。

安装

npm i less-emit-webpack-plugin -D

使用

// webpack.config.js
var LessEmitPlugin = require('less-emit-webpack-plugin');
 
module.exports = {
    entry: {..},
    output: {..},
    module: {...},
    plugins: [
        new LessEmitPlugin({disable: false})
    ]
}