Webpack没有输入

时间:2017-05-02 21:52:17

标签: reactjs npm webpack webpack-dev-server

我知道这对Webpack来说是一个很常见的问题,但我是一个全新的人,我到目前为止找到的解决方案似乎对单个项目非常具体。但是,方案是相同的:Webpack正确编译项目,然后显示空白页面,而不报告任何错误。

这是我的webpack.config.js(我按照教程制作):

import path from 'path';  
import HtmlWebpackPlugin from 'html-webpack-plugin';

export default () => ({  
  entry: [
    path.join(__dirname, 'src/index.jsx'),
  ],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
  },
  plugins: [
    new HtmlWebpackPlugin({
        filename: 'index.html',
        template: './App.html'
    }),
  ],
  module: {
    rules: [
      {
        test: /.jsx?$/,
        exclude: /node_modules/,
        include: path.join(__dirname, 'src'),
        use: [
          {
            loader: 'babel',
            options: {
              babelrc: false,
              presets: [
                ['es2015', { modules: false }],
                'react',
              ],
            }
          }
        ]
      },
      {
        test: /\.(css|scss|sass)$/,
        loader: 'style!css!sass',
      },
    ]
  },
});

module.exports = config;

这是我的package.json:

{
  "name": "smart-fit",
  "version": "1.0.0",
  "description": "",
  "main": "src/index.js",
  "dependencies": {
    "chartjs": "^0.3.24",
    "interactjs": "^1.2.8",
    "jquery": "^3.2.1",
    "lodash": "^4.17.4",
    "moment": "^2.18.1",
    "react": "^15.5.4",
    "react-dom": "^15.5.4",
    "react-hot-loader": "^3.0.0-beta.3",
    "react-table": "^5.6.0"
  },
  "devDependencies": {
    "babel-core": "^6.24.1",
    "babel-loader": "^6.4.1",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-register": "^6.24.1",
    "css-loader": "^0.28.1",
    "extract-text-webpack-plugin": "^2.0.0-beta.4",
    "html-webpack-plugin": "^2.28.0",
    "loader-utils": "^1.1.0",
    "node-sass": "^4.5.2",
    "sass-loader": "^6.0.3",
    "style-loader": "^0.17.0",
    "webpack": "^2.1.0-beta.25",
    "webpack-dev-server": "^2.1.0-beta.2"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

Webpack版本是最新的,项目是使用React和ES5编写的。

0 个答案:

没有答案