webpack-dev-server - webpack 打包js中的img路径问题

问题描述

问 题

`

  {
                test: /\.js$/,
                exclude: function(path) {
                    // 路径中含有 node_modules 的就不去解析。
                    // var isNpmModule = !!path.match(/node_modules/);
                    // return isNpmModule;
                },
                include: [
                    path.resolve(__dirname, "src/assets/js"),
                ],   // 只去解析运行目录下的 src 和 demo 文件夹
                loader:'babel'
            },
            {test: /\.html$/, loader: "html" },
            {
                test: /\.(png|jpg)$/,
                loader: 'file-loader',
                query: {
                    /*
                     *  limit=10000 ： 10kb
                     *  图片大小小于10kb 采用内联的形式，否则输出图片
                     * */
                    limit: 10000,
                    name: 'img/[name]-[hash:8].[ext]'
                }
            },
            我的loader是这么配置的  在html里的图片路径是没有问题 
            而实际开发中 可能会需要js动态替换路径的问题  
            这种情况是需要怎么配置呢  感觉我的做法似乎不对 
            有实际这种需求的 帮我解答下 不胜感激 
        

`

解决方案

https://webpack.github.io/doc...

最后我找到了这个答案 不知道这样的做法是不是主流

这篇关于webpack-dev-server - webpack 打包js中的img路径问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！