javascript - 使用webpack报错

 甘文靖 发布于 2022-11-10 20:20

这是配置的webpack

import webpack from "webpack";
import glob from "glob";
import path from "path";
import fs from "fs";

let    config = {
        context: path.resolve(__dirname, "src"),
        entry: {
            jsx: "./jsx/app.jsx",
            css: "./style/app.less",
            vendor: [
                "./js/util.js?1.2.1",
                "react",
                "react-dom"
            ]
        },

        output: {
            path: path.join(__dirname, "dist"),
            filename: "bundle.js?1.2.1"
        },

        module: {
            loaders: [{
                test: /\.(jsx|js)$/,
                exclude: /node_modules/,
                loader: "babel",
                query: {
                    presets: ["es2015","react"]
                }
            },{
                test: /\.less$/,
                loader: "style-loader!css-loader!autoprefixer-loader!less-loader"
            }]
        },

        plugins: [
            new webpack.BannerPlugin(
                fs
                  .readFileSync("./LICENSE")
                  .toString("utf-8"), {
                entryOnly: true
            }),
            new webpack.optimize.CommonsChunkPlugin("vendor", "vendor.bundle.js?1.2.1")
        ]
    }


module.exports = config;

实在是被坑成狗了,不像gulp 有配套的plumber 插件

对应react代码

2 个回答
  • 已经解决,原因为

    entry: {
        // 并起的文件一定要写在一起
        path: ["./jsx/app.jsx","./style/app.less"],  
        vendor: [
            "./js/util.js?1.2.1",
            "react",
            "react-dom"
        ]
    },

    不然就是多个点对应一个出口

    2022-11-12 01:51 回答
  • 在 webpack 配置里面加 devtool: 'source-map' 就可以用浏览器直接调试代码了。

    2022-11-12 01:51 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有