Webpackプロファイルとjsonファイルを変更し、npm run Webpackを使用してパッケージを実行

直接ステップに進みます.

準備作業、新規次の階層ディレクトリ

demo --src–script –dist–js
2.新規/src/script/main.js,次のコードを書き込む

function hello(){}

3.webpackを新規作成します.config.jsファイル、構成内容の書き込み

var path = require("path");
module.exports = {
	entry: './src/script/main.js',//    
	output: {
		path: path.resolve(__dirname,'./dist/js'),//       
		filename: 'bundle.js' //       
	}
}

元のコードexports={entry:'./src/script/main.js',output:{path:'./dist/js',filename:'bundle.js'}}configurationをエラーしました.output.path: The provided value “./dist/js” is not an absolute path! 上のコードに変更して、絶対パスを使えばいいです.

コマンドラインがwebpackを実行する場合、webpackコマンドを使用してパッケージ

を実行する.

webpackを修正する.jsonファイル、scriptsにwebpackセグメントを追加し、webpackのスクリプトをファイルに書き込み、コマンドラインはnpm run webpackを使用して

パッケージ化する

{
  "name": "webpack_demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
	"webpack": "webpack --mode development --mode production --config webpack.config.js --progress --colors --display-module --display-reason" 
  },
  "author": "",
  "license": "ISC"
}

コマンドラインnpm run webpackを実行し、

に成功しました.