Создать карту sorce для mini-css-extract-plugin в веб-пакете - PullRequest
Новая
       28

Создать карту sorce для mini-css-extract-plugin в веб-пакете

0 голосов
/ 27 ноября 2018

Мне нужна исходная карта этого выходного CSS-файла. Вот мой код веб-пакета.Я пытаюсь получить вывод в "m-theme / assets / theme.css. Обратите внимание, что у меня нет разрешения на сервере. Я не могу создать файл .map с theme.css. Я не уверен, как использовать mini-css-extract-plugin. Пожалуйста, направьте меня сюда. 

var webpack = require('webpack');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
var config = {
    // TODO: Add common Configuration
    module: {},
};

var fooConfig = Object.assign({}, config, {
    entry:'./javascript/app-checkout.js',
    watch:true,
    output:{
        path:__dirname,
        filename:'m-theme/assets/simply-checkout.js'
    },
    plugins:[
    new webpack.ProvidePlugin({
        $:"jquery",
        jQuery:"jquery"
    })
    ]
});
var barConfig = Object.assign({}, config, {
    entry:'./javascript/app.js',
    watch:true,
    output:{
        path:__dirname,
        filename:'m-theme/assets/theme.js'
    },
    module: {
        rules: [
        {
            test: /\.scss$/,
            use: [
            {
                loader: MiniCssExtractPlugin.loader,
                options: {
              // you can specify a publicPath here
              // by default it use publicPath in webpackOptions.output
              publicPath: __dirname
          }
      },
      "css-loader",
      "sass-loader"
      ]
  }
  ]
},
plugins:[
new MiniCssExtractPlugin({
            // Options similar to the same options in webpackOptions.output
            // both options are optional
            filename: "m-theme/assets/theme.css",
            chunkFilename: "theme.css"
        }),
new webpack.ProvidePlugin({
    $:"jquery",
    jQuery:"jquery"
})
]
});
// Return Array of Configurations
module.exports = [
fooConfig, barConfig,       
];
...