webpack - 使用 webpack 4 编译更少

Question

我怎样才能编译./src/style.less到./dist/style.css？

这是我的相关部分webpack.conf.js

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {

    module: {
        rules: [

            {
                test: /\.less$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    { loader: 'css-loader', options: { url: false, sourceMap: true } },
                    { loader: 'less-loader', options: { sourceMap: true } }
                ],
            },

        ]
    },

    plugins: [

        new MiniCssExtractPlugin({
            filename: "style.css"
        })

    ]

};

目前，只有当我 require('./src/style.less' );进入 index.js时，我才会得到一个已编译的 style.css

实际上我只发布了与少编译相关的设置。

标签： webpacklesswebpack-4