Rspack 轮子正式发布了

463 阅读1分钟

大佬shuo

Rspack正式发布了!!!看看大佬suo

1964783336.jpg github.com/web-infra-d…

官方描述

Rspack 刚刚发布,多于其他的描述不细说,这东西只要问搜索引擎,或者现在“牛逼克拉撕” Chatgpt 就一堆结果。直接看官方的描述吧,很丝滑的样子!!!

rspack-des.png

减低了学习成本

直接看代码。哈哈,和 webpack 貌似很像的样子哟。看样子学习心智就减低了不少的样子呀。

code.png

注意配置文件名: rspack.config.js

简单入门

package.json

{
  "scripts": {
    "dev": "rspack serve",
    "build": "rspack build"
  },
}

rspack.config.js

const path = require("path");

const isProduction = process.env.NODE_ENV === "production";

module.exports = {
  mode: isProduction ? "production" : "development",
  context: __dirname,
  devtool: isProduction ? false : "cheap-module-source-map",
  entry: {
    index: "./src/main.jsx",
  },
  output: {
    filename: "[name].[contenthash:8].js",
    path: path.resolve(__dirname, "dist"),
  },

  devServer: {
    static: path.resolve(__dirname, "public"),
    port: 3000,
    open: true,
  },
  builtins: {
    html: [
      {
        title: "Rspack",
        template: "./public/index.html",
      },
    ],
  },
  module: {
    rules: [
      {
        test: /\.svg$/,
        type: "asset",
      },
      {
        test: /\.jpg$/,
        type: "asset",
        parser: {
          dataUrlCondition: {
            maxSize: 4 * 1024,
          },
        },
      },
    ],
  },
};