发新贴  快速回复

webpack错误提示 这是什么问题

  妙味用户757177
2018-07-20 20:43

package.js文件信息:

 

 

{

  "name": "hell-webpack",

  "version": "1.0.0",

  "description": "",

  "main": "app.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1"

  },

  "author": "",

  "license": "MIT",

  "devDependencies": {

    "webpack": "^4.16.1",

    "webpack-cli": "^3.1.0"

  }

}

 

 

 

错误提示:

 

 

为什么>webpack -v 后是3.6.0版本 而在package.js显示的4.16.1的版本呢

 
妙味用户757177

网上找的答案 写上

 

"scripts": {
  "dev": "webpack --mode development",
  "build": "webpack --mode production"
},


这段代码也不行+
2018-07-20 20:50  回复本帖
 
zmouse

妙味用户757177 2018-07-20 20:50发表的内容:

网上找的答案 写上

 

"scripts": {
  "dev": "webpack --mode development",
  "build": "webpack --mode production"
},


这段代码也不行+
webpack -v 使用的你安装的全局的webpack,package.json中的是你项目中安装的,你可以:
1,更新全局webpack:npm i -g webpack@具体版本号
2,运行项目中的,需要使用相对路径 .\node_modules\.bin\webpack
2018-07-21 09:59  回复本帖
 
妙味用户757177

zmouse 2018-07-21 09:59发表的内容:

webpack -v 使用的你安装的全局的webpack,package.json中的是你项目中安装的,你可以:
1,更新全局webpack:npm i -g webpack@具体版本号
2,运行项目中的,需要使用相对路径 .\node_modules\.bin\webpack
用这个命令 就能解决 也不知道对不对 反正没报错

npx webpack ./src/app.js --output-filename ./dist/appbut.js --output-path . --mode development
2018-07-21 10:13  回复本帖
 
妙味用户757177

npx webpack - p  ./src/app.js --output-filename ./dist/appbut.js --output-path . --mode development

 

 

但是压缩的时候  构建后的文件并没有压缩 大小约没变化

 

2018-07-21 10:14  回复本帖
 
zmouse

妙味用户757177 2018-07-21 10:14发表的内容:

npx webpack - p  ./src/app.js --output-filename ./dist/appbut.js --output-path . --mode development

 

 

但是压缩的时候  构建后的文件并没有压缩 大小约没变化

 

webpack默认是打包,压缩并不是他的默认行为,https://webpack.js.org/plugins/uglifyjs-webpack-plugin/ - 压缩的
2018-07-21 10:50  回复本帖
 
妙味用户757177

zmouse 2018-07-21 10:50发表的内容:

webpack默认是打包,压缩并不是他的默认行为,https://webpack.js.org/plugins/uglifyjs-webpack-plugin/ - 压缩的
命令里面加了 -p 不是压缩的意思吗
2018-08-02 13:50  回复本帖
 
zmouse

试一下,

npx webpack index=./src/app.js --output-filename=/dist/appbut.js -p 

2018-08-02 19:50  回复本帖
 
妙味用户757177

zmouse 2018-08-02 19:50发表的内容:

试一下,

npx webpack index=./src/app.js --output-filename=/dist/appbut.js -p 

报错了 不行的
2018-08-08 08:00  回复本帖
 
妙味用户757177

 

 

上面是报错信息

2018-08-08 08:00  回复本帖
 
zmouse

-和p之间没有空格

2018-08-08 11:32  回复本帖
 
妙味用户757177

zmouse 2018-08-08 11:32发表的内容:

-和p之间没有空格

还是报错
2018-08-09 07:52  回复本帖
 
妙味用户757177

 

上面是报错信息

2018-08-09 07:53  回复本帖
 
zmouse

他告诉你了 output.path 需要使用一个绝对路径,你可以看下官网,有说明的,

"output"L {

    "path": __dirname + 'dist'

}

__dirname:获取当前文件的(这里就是指这个配置文件)的绝对路径,然后后面加个dist,指向了当前目录下的dist目录。

 

PS:那个红色的文字请不要忽略了,这里面就是具体的错误提示,非常非常重要,编程的学习不只是abcd

2018-08-10 00:37  回复本帖
登录 后才可以发表回复