Question

我正在使用webpack捆绑我的项目。这是webpack.config.js

'use strict';
require("babel-plugin-syntax-jsx")
var path = require('path')
var webpack = require('webpack')
var cache = {};
var loaders = [
    {
        test: /\.jsx$/,
        loader: 'babel-loader'
    },
    {
        test: /\.es6\.js$/,
        loader: 'babel-loader'
    },
    {
        test: /\.css$/,
        loader: 'style-loader!css-loader'
    }
];
var extensions = [
    '.js', '.jsx', '.es6.js', '.msx'
];
module.exports = [{
    cache: cache,
    module: {
        loaders: loaders
    },
    entry: {
        main: './src/main.es6.js',
    },
    output: {
        path: path.resolve(__dirname, "dist"),
        filename: '[name].js'
    },
    resolve: {
        extensions: extensions,
        modules: [
            __dirname,
            path.resolve(__dirname, "src"),
            "node_modules"
        ]
    },
    plugins: [
        new webpack.DefinePlugin({
            'process.env.NODE_ENV': '"production"'
        })
    ]   
}];

这是package.json

中的脚本部分

"scripts": {
   "build-dev": "webpack -w -d",
   "build-prod": "webpack -p"
},

现在，当我运行npm run build-dev时，打包器成功启动，并显示webpack正在监视文件的消息。但是当我导航到localhost:8080时，我收到的消息是无法访问该网站

我得到了一些解决方案，例如使用webpack-dev-server并明确告诉它webpack-dev-server --host 0.0.0.0 --port 8080，但我的问题是为什么我需要webpack-dev-server.Webpack已经在看文件了，我也尝试配置devServer在webpack.config.js中

devServer: {
   inline: true,
   port: 8000
};

这会给port: 8000附近的意外令牌带来错误。我试过其他端口为8000,3000，但网站没有加载。

使用webpack时无法访问localhost：8080

0 个答案: