首页 > Web开发 > 详细

vue项目中webpack.dev.conf.js文件中CopyWebpackPlugin的用法

时间:2020-03-06 22:26:39      阅读:75      评论:0      收藏:0      [点我收藏+]

简介: 将单个文件或整个目录复制到构建目录

  描述: 打包或使用与static同级的文件或文件夹,就需要在CopyWebpackPlugin方法中配置,这样才能访问到此文件,不然会报找不到

实例:

 1  // 复制到自定义静态源
 2       new CopyWebpackPlugin([
 3         {
 4               // 来自那里(可以是对象,可以是String)
 5               from: path.resolve(__dirname, ‘../static‘),
 6               // 走向那里(可以是对象,可以是String)
 7              to: config.dev.assetsSubDirectory,
 8               // 忽略此类文件
 9               ignore: [‘.*‘]
10           },
11         {
12            from: path.resolve(__dirname, ‘../staticConfig‘), //
13             to: ‘staticConfig‘,
14             ignore: [‘.*‘]
15           },
16      ])       

解释:

  staticConfig为新加的与static同级的文件夹

  技术分享图片

 

   当没有配置前

技术分享图片

 

   访问会直接跳转页面

  配置后就可以访问到其中的文件不会跳转页面

  技术分享图片

 

 

  详细api: https://www.npmjs.com/package/copy-webpack-plugin

vue项目中webpack.dev.conf.js文件中CopyWebpackPlugin的用法

原文:https://www.cnblogs.com/yuNotes/p/12431160.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!