2017-11-22 2 views
0

Ich las eine story auf Medium in einem Versuch zu lernen, wie npm und Webpack und modernen JavaScript zu verwenden. Alles war großartig, bis ich Webpack installiert habe. Ich habe versucht, diesen Befehl npm run build und npm run watch diese Skripte auszuführen existiert hier in package.json Datei alsWebpack run build & beobachten ERROR

{ 
 
    "name": "ebdae", 
 
    "version": "1.0.0", 
 
    "description": "nodescription", 
 
    "main": "index.js", 
 
    "scripts": { 
 
    "test": "echo \"Error: no test specified\" && exit 1", 
 
    "build": "webpack --progress -p", 
 
    "watch": "webpack --progress --watch" 
 
    }, 
 
    "repository": { 
 
    "type": "git", 
 
    "url": "ebdae" 
 
    }, 
 
    "author": "elhakim", 
 
    "license": "ISC", 
 
    "devDependencies": { 
 
    "babel-core": "^6.26.0", 
 
    "babel-loader": "^7.1.2", 
 
    "babel-preset-env": "^1.6.1", 
 
    "webpack": "^3.8.1" 
 
    }, 
 
    "dependencies": {} 
 
}

Aber diese 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.

Dieser Fehler in der Befehlszeile angezeigt, aber die Konfigurationsdatei existiert in .bin Ordner normalerweise und es enthält diesen Code:

module.exports = { 
 
    entry: '../../assets/js/index.js', 
 
    output: { 
 
    filename: '../../assets/js/bundle.js' 
 
    }, 
 
    module: { 
 
    rules: [ 
 
     { 
 
     test: /\.js$/, 
 
     exclude: /node_modules/, 
 
     use: { 
 
      loader: 'babel-loader', 
 
      options: { 
 
      presets: ['env'] 
 
      } 
 
     } 
 
     } 
 
    ] 
 
    } 
 
};

und die Baumstruktur wie folgt:

| .git 
| assets 
    | js 
     | index.js 
     | bundle.js 
| node_modules 
    | .bin 
     | ... 
     | webpack.config.js 
| package-lock.json 
| package.json 
+0

Hallo sein, Sie alle in Ihrem Skript 'webpack configuration' Datei nicht zur Verfügung haben. Es sollte so sein "build": "webpack --progress -p --config /node_modules/.bin/webpack.config.js" ' –

+0

** Danke ** @ pravesh-khatri, Und ich habe den Eintrag geändert und Ausgabe-Pfade, damit es funktioniert, habe ich '../../' durch '. /' in beiden ersetzt. Außerdem haben '--display-error-details' meinen Speck gerettet. **Vielen Dank**. – Elhakim

Antwort

2

Sie bieten haben keine webpack Konfigurationsdatei in Ihrem Skript.

Es sollte wie dieses

"build": "webpack --progress -p --config /node_modules/.bin/webpack.config.js"