webpack 起步遇到的坑(推荐全部本地安装)

照着webpack官网 起步

image.png

参考：webpack 大法好 ---- 基础概念与配置（1）
解决webpack打包报错： Cannot find module '@webassemblyjs/wasm-parser'

[转] npm install 本地安装与全局安装的区别

问题1

Cannot find module '@webassemblyjs/wasm-parser'

原因是webpack 版本太高，降到3.00 版本就好了

卸载webpack，对应命令：

npm uninstall webpack

然后本地安装webpack： npm install webpack@3.0.0

问题2

No configuration file found and no output filename configured via CLI option.
A configuration file could be named 'webpack.config.js' in the current directory.
Use --help to display the CLI options.

找不到配置文件，使用webpack 需要手动配置webpack.config.js 文件

var path = require('path');
module.exports = {
  entry: {
    index:'./src/index.js',
  },
  output: {
    //path 是 nodeJS 的一个基础模块，这里用来获取绝对路径
    path: path.resolve(__dirname, 'dist'),
    filename: 'main.js'
  }
}

配置信息请写在项目目录下的 webpack.config.js 文件里，这是 webpack 默认状态下使用的配置文件。

最后成功~~ 1552907081845.png