webpack命令打包出错？

Question

把path改了，dist下有了main.js文件了，报这个错误
webpack.config.js文件：

var path = require('path');
var webpack = require('webpack');
module.exports = {
    entry: "./src/main.js",
    output: {
        path: path.join(__dirname, 'dist'),
        publicPath:'dist/',
        filename: "main.js"
    },
    module: {
        loaders: [
            { test: /\.css$/, loader: "style!css" }
        ]
    },
    resolve: {
      alias: {
          'vue$': 'vue/dist/vue.js'
      },
  }
};

Answer 1

webpack解析(Resolve)设置:

这些选项能设置模块如何被解析。webpack 提供合理的默认值，但是还是可能会修改一些解析的细节。

resolve: {
  alias: {
    'vue$': 'vue/dist/vue.esm.js',
    '@': path.join(__dirname, 'src')
  },
  extensions: ['.js', '.json', '.vue', '.css']
}

我们使用最多的就是别名（alias）和自动解析确定的扩展（extensions），例如上面的@可以代替项目中src的路径，例如：

import tab from '@/components/tab.vue'

我们引用src/components目录下的tab.vue组件，不需要通过../之类的计算文件相对路径。这里的extensions可以让我们在引入模块时不带扩展：

import tab from '@/components/tab'

可以看这篇详细的文章:从0到1搭建webpack2+vue2自定义模板详细教程

Answer 2

output 的 path 要绝对路径。

另外，提示里已经很清楚了，好几个模块都找不到啊，路径错误还是需要添加后缀名？

建议看一下我发起的讲座~~~ 要花钱，但是应该是值得的

Answer 3

output: {
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/',
    filename: '[name].js' // filename最好也有个路径
}