vue学习：9、模块工具包收集

最新推荐文章于 2024-09-30 14:28:41 发布

weixin_34270865

最新推荐文章于 2024-09-30 14:28:41 发布

阅读量94

点赞数

文章标签： javascript webpack python ViewUI

原文链接：https://my.oschina.net/qingqingdego/blog/2876916

版权

2019独角兽企业重金招聘Python工程师标准>>>

vue常用包收集

npm i webpack@3.6.0 -s

样式支持包

npm i css-loader -s
npm i style-loader -s

图片支持
npm i url-loader file-loader -s
利用less操作图片
npm i less -s
npm i less-loader -s
操作html文件
npm i html-webpack-plugin -s
自动更新样式
npm i webpack-dev-server@2.9.0 -s

处理es6，7,8兼容
npm i babel-core babel-loader babel-preset-env babel-plugin-transform-runtime -s

最后运行文件

{
  "name": "module002",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "dev": "webpack-dev-server --open --hot --inline --config ./webpack.dev.config.js",
    "prod": "webpack --config ./webpack.prod.config.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.4",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-env": "^1.7.0",
    "css-loader": "^1.0.1",
    "file-loader": "^2.0.0",
    "html-webpack-plugin": "^3.2.0",
    "less": "^3.8.1",
    "less-loader": "^4.1.0",
    "style-loader": "^0.23.1",
    "url-loader": "^1.1.2",
    "vue": "^2.5.17",
    "vue-loader": "^14.1.1",
    "vue-template-compiler": "^2.5.16",
    "webpack": "^3.6.0",
    "webpack-dev-server": "^2.9.0"
  },
  "description": ""
}

转载于:https://my.oschina.net/qingqingdego/blog/2876916