Question

我正在迁移Angular 1项目，以便能够使用Webpack部署所有内容。到目前为止，我设法配置几乎所有内容，但我在尝试导出静态资产（主要是字体和图像）时遇到问题。

我已将ExtractTextPlugin配置如下

{ test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader','css-loader', {allChunks: true}) }

并且在编译的CSS中，路径被替换，但结果绝对路径是错误的。实际上，生成的路径为/assetsweb/assets/..，而我希望它为/assets/..。

我无法理解/assetsweb部分的来源。

这是我使用

的Webpack配置

var webpack = require("webpack");
var path = require("path");
var ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
    context: __dirname + "/src",
    entry:{
        web: "./web/wayonara.js",
        mobile: "./mobile/wayonara.js"
    },
    output:{
        path: __dirname + "/dist",
        filename: "/[name]/bundle.js",
        publicPath: "/assets"
    },
    plugins:[
        new webpack.DefinePlugin({
            ENV: JSON.stringify('dev')
        }),
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery",
            EXIF: "exif-js",
            "window.EXIF":"exif-js"
        }),
        new ExtractTextPlugin("/[name]/assets/css/bundle.css")
    ],
    module:{
        loaders: [
            {
                loader: "babel-loader",
                test: /\.js?$/,
                exclude: [/node_modules/, /bower_components/],
                query: {
                    presets: ['es2015']
                }
            },
            { test: /\.html$/, loader: "html" },
            { test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader','css-loader', {allChunks: true}) },
            {
                test: /\.(jpg|jpeg|png|svg)$/,
                loader: "file-loader?name=[path][name].[ext]"
            },
            {
                test: /\.(woff|woff2|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?/,
                loader: 'file-loader?name=[path][name].[ext]'
            }
        ]
    }
};

你能帮帮我吗？提前谢谢，

最佳，

莫里吉奥

Webpack：编译CSS中的错误绝对路径

0 个答案: