在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ webpack的配置文件問題,求解答

webpack的配置文件問題,求解答

剛接觸webpack沒多久,想請大神指導(dǎo)一下,運行npm run dev時會報錯,在配置文件中提示:

clipboard.png
不知道該怎么解決呢

具體報錯及文件如下:

e:\learnWebpack\learn03>npm run dev

> learn03@1.0.0 dev e:\learnWebpack\learn03
> webpack

clean-webpack-plugin: E:\learnWebpack\learn03\dist has been removed.
e:\learnWebpack\learn03\node_modules\webpack\bin\webpack.js:348
                        throw err;
                        ^

TypeError: Cannot read property 'emit' of undefined
    at InlineManifestWebpackPlugin.apply (e:\learnWebpack\learn03\node_modules\inline-manifest-webpack-plugin\index.js:10:20)
    at Compiler.apply (e:\learnWebpack\learn03\node_modules\tapable\lib\Tapable.js:375:16)
    at webpack (e:\learnWebpack\learn03\node_modules\webpack\lib\webpack.js:33:19)
    at processOptions (e:\learnWebpack\learn03\node_modules\webpack\bin\webpack.js:335:15)
    at yargs.parse (e:\learnWebpack\learn03\node_modules\webpack\bin\webpack.js:396:2)
    at Object.Yargs.self.parse (e:\learnWebpack\learn03\node_modules\yargs\yargs.js:533:18)
    at Object.<anonymous> (e:\learnWebpack\learn03\node_modules\webpack\bin\webpack.js:152:7)
    at Module._compile (module.js:635:30)
    at Object.Module._extensions..js (module.js:646:10)
    at Module.load (module.js:554:32)
    at tryModuleLoad (module.js:497:12)
    at Function.Module._load (module.js:489:3)
    at Function.Module.runMain (module.js:676:10)
    at startup (bootstrap_node.js:187:16)
    at bootstrap_node.js:608:3
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! learn03@1.0.0 dev: `webpack`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the learn03@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2018-07-21T00_59_39_365Z-debug.log

package.json

{
  "name": "learn03",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "webpack",
    "cross": "cross-env",
    "production": "cross-env NODE_ENV=production npm run dev",
    "local": "cross-env NODE_ENV=local npm run dev",
    "watch": "npm run dev --watch"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-preset-env": "^1.7.0",
    "babel-preset-es2015": "^6.24.1",
    "clean-webpack-plugin": "^0.1.19",
    "cross-env": "^5.2.0",
    "css-loader": "^1.0.0",
    "extract-text-webpack-plugin": "^3.0.2",
    "file-loader": "^1.1.11",
    "html-webpack-plugin": "^3.2.0",
    "inline-manifest-webpack-plugin": "^4.0.1",
    "jquery": "^3.3.1",
    "node-sass": "^4.9.2",
    "sass-loader": "^7.0.3",
    "style-loader": "^0.21.0",
    "url-loader": "^1.0.1",
    "webpack": "^3.10.0"
  },
  "dependencies": {}
}

這個是webpack.config.js

var webpack = require('webpack');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var CleanWebpackPlugin = require("clean-webpack-plugin");
var HtmlWebpackPlugin = require("html-webpack-plugin");
var InlineManifestWebpackPlugin = require('inline-manifest-webpack-plugin');
var path = require('path');
var isProduction = process.env.NODE_ENV === 'production';
module.exports = {
    entry:{
        app:'./src/main.js',
        vendor:['jquery']
    },
    output:{
        path:path.resolve(__dirname,'./dist'),
        filename:'[name].[chunkhash].js'
    },
    module:{
        rules:[{
            test:/\.scss$/,
            use:ExtractTextPlugin.extract({
                use:[{
                        loader:'css-loader',
                        options:{
                            minimize:isProduction
                        }
                    },'sass-loader'],
                    fallback:'style-loader'
                })
                        
        },
        {
            test:/\.png|jpe?g|gif$/,
            use:[{
                    loader:'url-loader',
                    options:{
                        limit:819299,
                        name:'[name].[hash].[ext]',
                        outputPath:'images/'
                    }
            }]
        }
        ,
        { 
            test: /\.js$/, 
            exclude: /node_modules/,
            loader: "babel-loader"
        }]
    },
    plugins:[
        new CleanWebpackPlugin(['dist'],{
            root:__dirname,
            verbose:true,
            dry:false
        }),
        new webpack.BannerPlugin('虛心向上'),
        new ExtractTextPlugin('[name].css'),
        new HtmlWebpackPlugin({
            template:'index.html'
        }),
        new InlineManifestWebpackPlugin({
            name:'webpackManifest'
        })
    ]
};

if(isProduction){
    module.exports.plugins.push(
        new webpack.optimize.UglifyJsPlugin()        
    )
}
回答
編輯回答
懶洋洋

是否是版本問題?https://www.npmjs.com/package...

上面說"inline-manifest-webpack-plugin": "^4.0.1",版本的要用webpack4,我看你的package.json中用的是webpack3.10.0

2017年10月5日 07:23