webpack/stylesheets.babel.js
/**
* @prettier
*/
// NOTE: this config *does not* inherit from `_config-builder`.
// It is also used in the dev config.
import path from "path"
import MiniCssExtractPlugin from "mini-css-extract-plugin"
export default {
mode: "production",
entry: {
"swagger-editor": ["./src/styles/main.less"],
},
module: {
rules: [
{
test: [/\.less$/],
use: [
{
loader: MiniCssExtractPlugin.loader,
},
{
loader: "css-loader",
options: { sourceMap: true },
},
{
loader: "postcss-loader",
options: {
postcssOptions: {
sourceMap: true,
plugins: [
require("cssnano")(),
"postcss-preset-env" // applies autoprefixer
],
},
},
},
{
loader: "less-loader",
options: {
sourceMap: true,
},
},
],
},
{
test: [/\.css$/],
use: [
{
loader: MiniCssExtractPlugin.loader,
},
{
loader: "css-loader",
options: { sourceMap: true },
},
],
},
],
},
plugins: [
new MiniCssExtractPlugin({
filename: "[name].css",
}),
],
devtool: "source-map",
output: {
path: path.join(__dirname, "../", "dist"),
publicPath: "/dist",
},
}