Node.js   发布时间:2022-04-24  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了node.js – Webpack-dev-server提供目录列表而不是应用页面大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

node.js – Webpack-dev-server提供目录列表而不是应用页面

我只能看到/ public下的实际应用。

webpack.config.js中的配置如下:

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

module.exports = {

  entry: [
    'webpack-dev-server/client?http://localhost:8080','webpack/hot/only-dev-server','./app/js/App.js'
],output: {
    path: path.join(__dirname,'public'),filename: 'bundle.js',publicPath: 'http://localhost:8080'
  },module: {
    loaders: [
      {
        test: /\.js$/,loaders: ['react-hot','babel-loader'],exclude: /node_modules/
      }
     ]
   },plugins: [
    new webpack.HotModulereplacementPlugin(),new webpack.NoErrorsPlugin()
  ]

};

项目层次是:

>应用程式

> js

> node_modules
>公开

> css
> img

bundle.js

index.html
> package.json
> webpack.config.js

如何@L_874_3@以确保http:// localhost:8080 /条目是为应用程序本身?

解决方法

如果您使用的是webpack的dev服务器,那么您可以通过选项将/ public作为基本目录。

devServer: {
    contentBase: "./public",hot: true
},

有关更多选项和一般信息,请参阅webpack configuration docs,特别是webpack dev server docs

大佬总结

以上是大佬教程为你收集整理的node.js – Webpack-dev-server提供目录列表而不是应用页面全部内容,希望文章能够帮你解决node.js – Webpack-dev-server提供目录列表而不是应用页面所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。