webpack -dev-server 启动服务时,提示unshift未定义,请问为什么?

发布于 2022-09-04 21:40:54 字数 2277 浏览 12 评论 0

1、项目目录如下:

clipboard.png

2、webpack.config.js配置如下:**

// JavaScript Document
var path = require('path');
var ExtractPlugin = require('extract-text-webpack-plugin');
let webpack = require("webpack");
module.exports = {
    devServer: {
        publicPath: '/',
        inline: true,
        hot: true
    },
    //配置入口
    entry: {
        '/js/common':  './origin/common.js', 
        '/css/main': './scss/main.scss',
        '/css/config': './scss/config.scss'
    },
    //编译后的文件路径
    output: {
        path: path.resolve(__dirname, './'),//文件路径
        filename: '[name].js', //文件名
    },
    module: {
        //编译规则
        loaders: [
            //配置scss编译规则
            {
                test: /\.scss$/,
                loader:ExtractPlugin.extract({fallback: 'style-loader', use: 'css-loader!sass-loader'}) 
            },
            {
                // 让webpack去验证文件是否是.js结尾将其转换
                test: /\.js$/,
                // 通过babel转换
                loader: 'babel-loader',
                // 不用转换的node_modules文件夹
                exclude: /node_modules/,
                query: {
                   'presets': ['es2016', 'stage-0'],
                   'plugins': ['transform-runtime']
                 }
            },
            {
                test: /\.(png|jpg)$/, 
                loader: 'url-loader?limit=8192&name=/images/[name].[ext]'
            }
        ]
    },
    plugins: [
        new ExtractPlugin('[name].css')
    ]
}

3、server.js 配置如下:

// JavaScript Document
var webpack = require("webpack");
var WebpackDevServer = require("webpack-dev-server");
var config = require("./webpack.config.js");

config.entry.app.unshift("webpack-dev-server/client?http://localhost:8099/");
var compiler = webpack(config);
var server = new WebpackDevServer(compiler, {
    publicPath: '/'
});
server.listen(8099);

当启动服务时,报错,请问为什么?我是按官网描述配置的

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

以可爱出名 2022-09-11 21:40:54

不是unshift未定义,而是config.entry.app未定义,你自己看看配置,哪来的app

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文