前端 - 关于webpack的问题

问题描述

问 题

按照菜鸟教程（http://www.runoob.com/react/r...）里面的例子来写，发现运行npm start后报错

webpack.config.js

var config = {
   entry: './main.js',
    
   output: {
      path:'./',
      filename: 'index.js',
   },
    
   devServer: {
      inline: true,
      port: 7777
   },
    
   module: {
      loaders: [ {
         test: /\.jsx?$/,
         exclude: /node_modules/,
         loader: 'babel',
            
         query: {
            presets: ['es2015', 'react']
         }
      }]
   }
    
}

module.exports = config;

package.json

{
  "name": "runoob-react-test",
  "version": "1.0.0",
  "description": "菜鸟教程 react 测试",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server --hot"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "react": "^0.14.7",
    "react-dom": "^0.14.7"
  },
  "devDependencies": {
    "babel-core": "^6.22.1",
    "babel-loader": "^6.2.10",
    "babel-preset-es2015": "^6.22.0",
    "babel-preset-react": "^6.22.0",
    "webpack-dev-server": "^2.3.0"
  }
}

webpack版本是2.2.1 node版本是6.0

解决方案

没有安装 webpack，devDependencies 里需要添加 webpack。因为 webpack-dev-server 里依赖 webpack 是 peerDependencies，npm@>=3 不会再自动安装 peerDependencies 下的依赖。

这篇关于前端 - 关于webpack的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！