Измените базовый URL-адрес источников в веб-пакете, сгенерированном файлом карты SourceMapDevToolPlugin - PullRequest
Новая
       9

Измените базовый URL-адрес источников в веб-пакете, сгенерированном файлом карты SourceMapDevToolPlugin

0 голосов
/ 19 сентября 2019

Я совершенно новичок в Webpeck и исходных картах.Я не понимаю, почему мои URL в sources имеют префикс webpack: /// , а не просто publicPath.Я генерирую свои исходные карты, используя SourceMapDevToolPlugin в Webpack со следующими конфигурациями: 

module.exports = {
    watch: false,
    mode: 'development',
    entry: {
        app: './src/js/app.js'
    },
    devtool: false,
    plugins: [
        new CleanWebpackPlugin(),
        new HtmlWebpackPlugin({
            title: 'HtmlWebpack site'
        }),
        new webpack.SourceMapDevToolPlugin({
            filename: 'sourcemaps/[name].js.map',
            exclude: ['vendor.js'],
            publicPath: config.dev.buildPublicPath+'/'
        }),
        plugins.MiniCssExtractPlugin
    ],
    module: {
        rules: [
            loaders.CSSLoader,
            loaders.JSLoader
        ]
    },
    output: {
        filename: '[name].bundle.js',
        publicPath: config.dev.buildPublicPath,
        path: path.resolve(__dirname, 'dist')
    }
};

и просто для примера вот что я получаю в скомпилированном файле .map: 

{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./node_modules/normalize.css/normalize.css",
"webpack:///./src/css/app.css","webpack:///./src/js/app.js"] //...

Меня это не побеспокоит, если это не сработает, но когда я проверяю код с помощью инспектора Safari, я не вижу исходные коды CSS.Однако я вижу файл app.js.Я не понимаю это поведение.Я предполагал, что если бы мне удалось заменить префикс webpack: /// на абсолютный URL-адрес моего сервера, эта проблема была бы исправлена.

...