山西设计网站公司,台州市建设施工图审图网站,乐清网论坛,中国搜索引擎现在我的这个项目是将css和js单独打包出来#xff0c;打包后的目录结构和打包前一致。打包前#xff1a;从这张图可以看到#xff0c;如果是css文件夹根目录下的css文件引用images文件夹下的图片应该使用../就可以了#xff0c;如果是css下某一个文件夹下面的css引用图片的…现在我的这个项目是将css和js单独打包出来打包后的目录结构和打包前一致。打包前从这张图可以看到如果是css文件夹根目录下的css文件引用images文件夹下的图片应该使用../就可以了如果是css下某一个文件夹下面的css引用图片的话就要往上层目录跳两层../../打包后webpack.config.jsvar webpack require(webpack);var glob require(globby)var utils require(utils);var htmlWebpackPlugin require(html-webpack-plugin);var nodeExternals require(webpack-node-externals);var CompressionPlugin require(compression-webpack-plugin);var ExtractTextPlugin require(extract-text-webpack-plugin);var CSS_PATH {css: {pattern: [./public/css/**/*.css ,!./public/css/index.css],src: path.join(__dirname, ./public/css/),dst: path.resolve(__dirname, build/public/css/),}}function getCSSEntries(config) {var fileList glob.sync(config.pattern)console.log(fileList)return fileList.reduce(function (previous, current) {var filePath path.parse(path.relative(config.src, current))var withoutSuffix path.join(filePath.dir, filePath.name)previous[withoutSuffix] path.resolve(__dirname, current)return previous}, {})}module.exports [{target:web,externals: [nodeExternals()],devtool: cheap-module-eval-source-map,context: path.resolve(__dirname),entry: getCSSEntries(CSS_PATH.css),output: {path: CSS_PATH.css.dst,filename: [name].css},module: {rules: [{test: /\.css$/,use: ExtractTextPlugin.extract({use: css-loader,publicPath:../})},{test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,use: url-loader?limit20000name[name].[ext],},{test: /\.scss$/,loaders: [style, css, sass]},]},resolve: {extensions: [.css]},plugins: [new ExtractTextPlugin([name].css),]},]结果打包完成后启动项目本来那些css根目录下的css引用的图片路径有一部分错误了。css根目录下的css文件图片路径请问各位大神这个问题用什么办法可以解决可以把对应的图片打包到对应的文件夹下吗我是一个webpack菜鸟配置有点杂乱望各位大神见谅
