开发者社区> 问答> 正文

webpack 如何指定文件输出到指定文件夹

这是我的配置:

var webpack = require('webpack')

module.exports = {
  entry: './main.js',
  output: {
    path: './dist',
    publicPath: './dist/',
    filename: 'build.js'
  },
  module: {
    loaders: [
      {
        test: /\.vue$/,
        loader: 'vue'
      },
      { 
          test: /\.(png|jpeg|gif)$/,
          loader: 'url-loader?limit=8192' ,
      }
    ]
  }
}

如果只是这样的话 ,我的图片资源都会输出到dist文件夹下,我希望把所有图片资源都输出到dist/images文件夹下 ,需要如何配置?

展开
收起
杨冬芳 2016-06-17 16:09:48 2682 0
1 条回答
写回答
取消 提交回答
  • IT从业

    url-loader的readme里有些,超过limit的图片会让 file-loader处理
    加个name参数就行了

    url-loader?limit=8192&name=images/[name].[ext]
    

    https://github.com/webpack/file-loader

    2019-07-17 19:42:59
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
基于webpack和npm的前端组件化实践 立即下载
SPARKLER,A web-crawler on Apache Spark 立即下载
低代码开发师(初级)实战教程 立即下载