首页 文章

如何为React App定制webpack构建脚本

提问于
浏览
0

我正在移动一个Web应用程序作出反应,因此从Grunt作为buildtool转移到webpack . 现在,下面的代码是webpack.config文件 . 这是为开发建议设置的,然后有一个构建脚本(npm run和npm build)

但是,构建脚本现在只连接组件/ react js文件并将它们放在dist文件夹的根目录下 . 没有其他文件被复制 . 我不明白构建脚本的重点是否就是这样 . 但是我需要能够添加它,但是,没有资源和反应构建脚本显示你将如何去做

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");

module.exports = {
  entry: "./app/src/components/app.js",
  output: {
    path: path.join(__dirname, "/dist"),
    filename: "index_bundle.js"
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      },
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader"]
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: "./app/index.html"
    })
  ]
};

1 回答

  • 0

    你不需要'/'

    output: {
        path: path.join(__dirname, "dist"),
        filename: "index_bundle.js"
      },
    

相关问题