webpack 打包 | copy 文件

webpack 打包 | copy 文件_第1张图片

实际开发当中,使用 webpack copy 一个文件,打包到 gongan-system(default:dist) 根目录下,这里推荐使用 copy-webpack-plugin 插件

比如:在我的开发中,经常需要使用 robots.txt 防止 百度搜索引擎 做 关键字 收录 备份到 索引数据库 中。

什么是 搜索引擎结构:

由 搜索器、索引器、检索器、用户接口等四个功能模块。

1、搜索器:也叫网络蜘蛛,是搜索引擎用来爬行和抓取网页的一个自动程序,在系统后台不停歇地在互联网各个节点爬行,在爬行过程中尽可能快的发现和抓取网页。

2、索引器:它的主要功能是理解搜索器所采集的网页信息,并从中抽取索引项。

3、检索器:其功能是快速查找文档,进行文档与查询的相关度评价,对要输出的结果进行排序。

4、用户接口:它为用户提供可视化的查询输入和结果输出的界面。

备注:以上4点来源于 baidu。

使用方法:
在 build webpack.base.conf.js plugins 数组中直接 new 

coding:
step1

const path = require('path')
npm install copy-webpack-plugin --save-dev

step2

const CopyWebpackPlugin = require('copy-webpack-plugin')

step3

plugins: [ 
  new CopyWebpackPlugin([  
    {  
      from: path.join(__dirname, "../robots.txt"),  
      to: path.join(__dirname, "../gongan-system/robots.txt")  
    }  
  ])  
] 

备注:

form:需要拷贝文件的路径
to:输出路径

最终效果:

webpack 打包 | copy 文件_第2张图片

交流:

webpack 打包 | copy 文件_第3张图片

完毕 !

你可能感兴趣的:(javascript,vue.js,webpack)