集中拷贝静态资源管理器:
- 在src目录下新建一个public文件夹,在里面放入些图片或者文档
安装插件 copy-webpack-plugin
npm install –save-dev copy-webpack-plugin
在webpack.config.js里面引入插件
const copyWebpackPlugin= require(“copy-webpack-plugin”);
在plugins里面配置插件:
new copyWebpackPlugin([{ from:__dirname+'/src/public', to:'./public' }])
- from:要打包的静态资源目录地址,这里的__dirname是指项目目录下,是node的一种语法,可以直接定位到本机的项目目录中
- to:是要打包到的文件夹路径,跟着output配置中的目录,所以不必再加_driname
- 终端输入 webpack 进行打包
- 查看dist目录,有public文件夹即成功