1.首先,新建一个文件夹,命名为react-webpack
2.在vscode中打开文件夹react-webpack,并且新建两个文件夹dist(产品目录)和src(源代码目录)
React.js--2webpack基本使用
3.打开终端,输入命令 :npm init -y
用来快速初始化项目,输入命令之后我们会发现自动新增了一个package.json文件
React.js--2webpack基本使用4.在命令行中输入:cnpm i webpack -D (安装项目中的webpack)和cnpm i webpack-cli -D(安装项目中的webpack-cli)
React.js--2webpack基本使用5.在package.json中添加“dev":"webpack”,然后再命令行中输入webpack进行打包,可以看到文件栏中自动生成了node_modules

React.js--2webpack基本使用6.在项目react-webpack下新建 webpack.config.js文件
在webpack.config.js中输入:module.exports= {
mode:‘development’,
};
并且在命令行中输入webpack可以发现dist中也自动生成了main.js文件
React.js--2webpack基本使用7.在index.html文件中加入,打开浏览器可以发现可以访问到刚刚的index.js中的代码

React.js--2webpack基本使用到此大致上webpack的基本的使用结束

相关文章:

  • 2021-10-31
  • 2021-09-11
  • 2021-10-02
  • 2021-11-27
  • 2021-07-17
  • 2022-01-11
  • 2022-12-23
  • 2021-12-15
猜你喜欢
  • 2021-12-30
  • 2022-03-08
  • 2022-12-23
  • 2022-12-23
  • 2021-07-22
  • 2022-01-20
  • 2021-05-07
相关资源
相似解决方案