webpack的安装和配置问题...

Question

看了一些傻瓜式教程. 想配置着一个看看效果... 之前没玩过 grunt.之类的库..

额 是这样的..

安装过程是这样的.

npm install -g webpack 全局安装了webpack

文件目录是这样的:
/app
    index.js
    sub.js
package.json
webpack.config.js

再运行了 `npm init`

然后运行了npm install html-webpack-plugin --save-dev

看到一些题目里说要在项目目录也要安装一遍webpack,
目录变成了

/app
    index.js
    sub.js
package.json
webpack.config.js
/node_modules
    /html-webpack-plugin
        ...
    /.bin
        webpack
        webpack.bat
        

这样我在项目根目录运行时 输入webpack 会出现Output filename not configured.

觉得可能是路径问题

配置文件是这样的:
var path = require('path');
var webpack = require('webpack');
var HtmlwebpackPlugin = require('html-webpack-plugin');
var ROOT_PATH = path.resolve(__dirname);
var APP_PATH = path.resolve(ROOT_PATH, 'app');
var BUILD_PATH = path.resolve(ROOT_PATH, 'build');


module.exports = {
    entry: APP_PATH,
    output: {
        path: BUILD_PATH,
        filename: 'bundle.js'
    },
    plugin: [
        new HtmlwebpackPlugin({
            title: 'Hello World app'
        })
    ]
};

我找了一下__dirname指的是文件当前运行的目录...我就把app文件和package.json和webpack.config.js文件全部丢到.bin文件里面了...

这个样子.里面确实会建立一个bulid文件夹,而且bundle.js也会被建立..但是好像HtmlwebpackPlugin这个插件没起作用(里面没有html的文件)....

不知道哪里做错了... 没用过NODEJS..

大神们请赐教QAQ

Answer 1

...目前一看可能是打錯字 plugin -> plugins