javascript - Webpack 输出文件的用途是什么?

标签 javascript reactjs webpack

我正在学习 React 教程 ( http://www.tutorialspoint.com/reactjs/reactjs_components.htm ),但我对 webpack 条目和输出文件名到底做什么感到困惑?

在示例中,他们创建了文件index.html 和App.jsx。然而,在 HTML 中它们有“”。但尚未创建index.js 文件。虽然,webpack.config 文件中的输出文件名是index.js

我相信正在发生的事情是,入口点是服务器告诉客户端开始的位置,输出文件名(index.js)是服务器写出将发送到客户端的所有必要数据的位置。客户……这是对的吗?

最佳答案

是的,这基本上是正确的,您有一个入口文件,webpack 开始需要并编译所有其他文件,并将输出/捆绑文件导出到您想要的每个位置。大多数时候,它会根据您使用的加载器进行编译和缩小。

  entry: 'index.js',
  output: {
    filename: 'bundle.js',
    path: './app/assets'
  },

关于javascript - Webpack 输出文件的用途是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38546011/

相关文章:

javascript - Meteor 中的 React PropTypes 对我不起作用

angular - 如何创建所有脚本加载器都支持的angular2库

javascript - 在单独的页面上打开剧透

javascript - 在 Javascript 中从 React Native 调用 Native Java 方法

javascript - 如何从 url 替换键和参数的值?

javascript - 无法使用 Knockout JS 绑定(bind)静态数据

reactjs - react native 文本输入 : why does secureEntryText shift outside of input box and have ellipsis?

javascript - 从异步函数填充 React prop 对象

webpack - 如何修复 Webpack Dev Server 不忽略 HTML 文件注释的问题?

javascript - Next.js:你可能需要一个合适的加载器来处理这个文件类型,目前没有配置加载器来处理这个文件