vuxui 的安裝使用,解決npm項目文件嚴重問題提示
同時解決found 11 vulnerabilities (1 low, 9 moderate, 1 high) 提示。
初始化vue項目.
cd myproject
vue init -y
手動安裝
npm install webpack webpack-dev-server babel-core babel-loader babel-preset-es2015 babel-preset-stage-0 css-loader style-loader less less-loader file-loader url-loader html-webpack-plugin --save-dev
用vue-cli 配置項目
vue init webpack projectname
cd projectname
npm install --save-dev vuex axios element-ui
用 vux 配置項目
npm install vue-cli -g # 如果還沒安裝
vue init airyland/vux2 projectPath
cd projectPath
npm install --registry=https://registry.npm.taobao.org
cnpm install 或者 yarn
npm run dev
##或者
yarn dev
如果有下面的錯誤
- found 11 vulnerabilities (1 low, 9 moderate, 1 high) in 11397 scanned packages ## 運行npm audit修復 ## 若有 # Run npm install --save-dev [email protected] to resolve 4 vulnerabilities 提示 ## 運行
- npm install --save-dev [email protected]
打開package.json 刪除 less-loader
- 再用npm install less-loader,使版本與less匹配。
若有 # Run npm install --save-dev [email protected] to resolve 1 vulnerability 提示
運行
npm install --save-dev [email protected]
若有 Run npm install --save-dev [email protected] to resolve 2 vulnerabilities SEMVER WARNING: Recommended action is a potentially breaking change 提示
刪除package.json帶webpack的項,運行
npm install --save-dev webpack webpack-dev-server webpack-bundle-analyzer webpack-dev-middleware webpack-dev-server webpack-hot-middleware webpack-merge
npm install --save-dev vue-loader@14 webpack-cli copy-webpack-plugin extract-text-webpack-plugin html-webpack-plugin friendly-errors-webpack-plugin optimize-css-assets-webpack-plugin
如果還有問題
npm install -g npm-check-updates
或者
cnpm install -g npm-check-updates
查看更新
ncu
- 然後按提示升級版本
- ncu 是 npm-check-updates 的縮寫命令
- vue-loader@15需要的配置不一樣,指定爲@14版。
關於 webpack4+的問題
修改package.json
"build": "webpack --mode production
如果出現下面的錯誤
- ERROR in Entry module not found: Error: Can't resolve './src' in 'D:\webfront-project\isi'
- 是因爲找不到配置文件導致,修改package.json,加上--config
"build": "webpack --mode production --config build/webpack.prod.conf"
下列帶removed的問題找到相關內容刪掉:
- Error: webpack.optimize.UglifyJsPlugin has been removed, please use config.optimization.minimize instead.
- Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.
npm install extract-text-webpack-plugin@next