webpack+react+babel环境搭建第二步——静态资源

Posted xiqinfanqie

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack+react+babel环境搭建第二步——静态资源相关的知识,希望对你有一定的参考价值。

  处理项目管理中的静态资源(非需编译的资源)

  在src同级目录创建文件夹public(文件名自定义)

  使用到 copy-webpack-plugin 扩展

  

1 plugins: [
2         ……
3         new copyWebpackPlugin([{
4             from: __dirname + ‘/public‘, //打包的静态资源目录地址
5             to: ‘./‘ //打包到dist下面的public
6         }]),
7         ……
8     ],    

copy-webpack-plugin:https://github.com/webpack-contrib/copy-webpack-plugin

以上是关于webpack+react+babel环境搭建第二步——静态资源的主要内容,如果未能解决你的问题,请参考以下文章

webpack+babel+ES6+react环境搭建

React开发环境搭建(react,babel,webpack webpack-dev-server)

从零开始搭建webpack+react开发环境

使用 Babel + React + Webpack 搭建 Web 应用

webpack+react搭建环境

webpack+react环境搭建,不必要再使用create-react-app来创建,随意配置更方便