webpack 打包问题

发布于 2022-09-04 09:08:47 字数 1601 浏览 12 评论 0

webpack配置出现问题，配置文件output项没有生效，

var webpack = require("webpack");
var path = require("path");

var DEV = path.resolve(__dirname, "dev");
var OUTPUT = path.resolve(__dirname, "output");

module.exports = {
    //入口文件 可以是数组，字符串，对象。入口不唯一，可能有多入口，数组以最后一个为准，
    //对象的话名称要唯一，输出 '[name].js'
    entry: DEV + "/index.js",
    //输出路径 唯一
    output: {
        path: path.resolve(__dirname, "output"),
        filename: "bundle.js"
    },
    //模块选项
    module: {
        loaders: [
            {
                test: /\.js$/, //满足条件的
                exclude: /node_modules/, //不满足条件的
                loader: 'babel-loader',
                include: DEV
            }
        ]
    },
    resolve: {
        extensions: ['','.js','.jsx']
    }
};

webpack-dev-server --inline --content-base dev/

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Webpack exercise</title>
</head>
<body>
    <div id="container"></div>
</body>
<script src="bundle.js"></script>
</html>