webpack : 无法将“webpack”项识别为 cmdlet、函数、脚本文件 或可运行程序的名称。请检查名称的拼写,如果包括路径,请确 保

按照步骤来绝对可行

  1. 我是先在全局安装了webpack webpack-cli -g
    npm install webpack webpack-cli -g

  2. 然后又在项目中安装webpack webpack-cli
    npm install webpack webpack-cli -D

  3. webpack4.x的打包已经不能用webpack 文件a 文件b的方式,而是直接运行webpack --mode development或者webpack --mode production,这样便会默认进行打包,

  4. 默认的打包 : 入口文件是’./src/index.js’,输出路径是’./dist/main.js’,其中src目录即index.js文件需要手动创建,而dist目录及main.js会自动生成。

  5. 我们可以自己设置入口文件,输出文件

  6. 在项目根目录下创建webpack.config.js

// 配置文件
const path = require('path')
module.exports = {	
	entry: path.join(__dirname, './src/main.js'), //入口文件
	output: {  //输出文件相关的配置        
		filename: 'bundle.js',  //输出文件的名称
		path: path.join(__dirname, 'dist')//指定打包好的文件,输出到哪个目录中去    
	},
	mode: 'development'
}

6.找到项目根目录下的package.json文件

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "dev": "webpack --mode development",    
  "build": "webpack --mode production"
}

7.最后直接执行npm run dev就可以了!

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值