transfer-webpack-plugin最简使用示例

转移文件的插件

加载插件

$ npm install transfer-webpack-plugin --save-dev

API

new CopyWebpackPlugin(patterns: Array, basePath: String)
  • patterns:数组,每项的格式为{from: 'path', to: 'path'}
    • from:相对于basePath或者当前配置的context(如果basePath路径不存在)的路径
    • to:相对于build即构建目录的路径
  • basePath(可选的):要从参数中解析目录

示例

目录结构

  • build
    • test
  • src
    • test
      • test.js
    • index.js
  • webpack.config.js

配置信息

webpack.config.js

var path = require('path');
var TransferWebpackPlugin = require('transfer-webpack-plugin');

module.exports = {
	entry: path.resolve(__dirname, 'src'),
	output: {
		path: path.resolve(__dirname, 'build'),
		filename: 'app.js'
	},
        context: path.resolve(__dirname, 'src'), //可以不写
	plugins: [
		// 把src/test目录下的文件copy到build/test目录下
		new TransferWebpackPlugin([{
			from: 'test',
			to: 'test'
		}], path.resolve(__dirname, 'src'))
	]
};

执行命令

$ webpack

参考地址

https://github.com/molforp/transfer-webpack-plugin

posted @ 2017-07-14 01:36  月半流云  阅读(1573)  评论(0编辑  收藏  举报