首页 / WEBPACK / webpack react 配置

webpack react 配置

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了webpack react 配置，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含799字，纯文字阅读大概需要2分钟。

内容图文

安装Webpack

1. npm i -D 是npm install --save-dev 的简写，是指安装模块并保存到package.json
的devDe pendencies，npm i -D webpack

npm init -y

npm install webpack webpack-dev-server --save-dev
npm install --save-dev webpack-cli -g

2.全局安装 npm i -g webpack

运行

在项目根目录下对应的命令行里通过node rnodules/.bin/webpack 运行Webpack 的可执行文件。

在Npm Script 里定义的任务会优先使用本项目下的Webpack

创建src 文件夹 

md src
cd src

文件目录：文件具体内容见 深入浅出 webpack

　　--index

　　--src

　　 --main.js

　　 --show.js

编写 webpack.config.js 

            const path = require(‘path‘);

module.exports = {
  // JavaScript 执行入口文件
  entry: ‘./src/main.js‘,
  output: {
    // 把所有依赖的模块合并输出到一个 bundle.js 文件
    filename: ‘bundle.js‘,
    // 输出文件都放到 dist 目录下
    path: path.resolve(__dirname, ‘./dist‘),
  }
};

执行 webpack  G:\React\first>webpack

二安装react

npm i -D react react-dom

 

原文：https://www.cnblogs.com/RunStone/p/12049509.html

内容总结

以上是互联网集市为您收集整理的webpack react 配置全部内容，希望文章能够帮你解决webpack react 配置所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1198735.html

来源：【匿名】