webpack4 手写配置文件模板
2020-01-13 10:44
274 查看
上传一个基于webpack4的手写配置文件模板
该模板包含js的所有处理babel, ts, html ,img,雪碧图等
webpack.config.js
{ "name": "1-1code", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack" }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "@babel/core": "^7.7.5", "@babel/plugin-transform-runtime": "^7.7.6", "@babel/preset-env": "^7.7.6", "@babel/runtime": "^7.7.6", "autoprefixer": "^9.7.3", "babel-loader": "^8.0.6", "css-loader": "^3.3.0", "extract-text-webpack-plugin": "^4.0.0-beta.0", "file-loader": "^4.1.0", "html-loader": "^0.5.5", "html-webpack-plugin": "^3.2.0", "imagemin": "^7.0.1", "imagemin-gifsicle": "^6.0.1", "imagemin-mozjpeg": "^8.0.0", "imagemin-pngquant": "^8.0.0", "img-loader": "^3.0.1", "less": "^3.10.3", "less-loader": "^5.0.0", "mini-css-extract-plugin": "^0.8.0", "postcss": "^7.0.24", "postcss-cssnext": "^3.1.0", "postcss-loader": "^3.0.0", "postcss-sprites": "^4.2.1", "style-loader": "^1.0.1", "ts-loader": "^6.2.1", "typescript": "^3.7.3", "url-loader": "^3.0.0", "webpack": "^4.41.2", "webpack-cli": "^3.3.10", "webpack-spritesmith": "^1.0.2" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ] }
.babelrc
{ "presets":[ [ '@babel/preset-env', { "targets":{ } } ] ], "plugins":[ ['@babel/transform-runtime'] ] }
tsconfig.json
{ "compilerOptions":{ "module":"commonjs", "target":"es5", }, "exclude":["./node_modules"] }
packge.json包
{ "name": "1-1code", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack" }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "@babel/core": "^7.7.5", "@babel/plugin-transform-runtime": "^7.7.6", "@babel/preset-env": "^7.7.6", "@babel/runtime": "^7.7.6", "autoprefixer": "^9.7.3", "babel-loader": "^8.0.6", "css-loader": "^3.3.0", "extract-text-webpack-plugin": "^4.0.0-beta.0", "file-loader": "^4.1.0", "html-loader": "^0.5.5", "html-webpack-plugin": "^3.2.0", "imagemin": "^7.0.1", "imagemin-gifsicle": "^6.0.1", "imagemin-mozjpeg": "^8.0.0", "imagemin-pngquant": "^8.0.0", "img-loader": "^3.0.1", "less": "^3.10.3", "less-loader": "^5.0.0", "mini-css-extract-plugin": "^0.8.0", "postcss": "^7.0.24", "postcss-cssnext": "^3.1.0", "postcss-loader": "^3.0.0", "postcss-sprites": "^4.2.1", "style-loader": "^1.0.1", "ts-loader": "^6.2.1", "typescript": "^3.7.3", "url-loader": "^3.0.0", "webpack": "^4.41.2", "webpack-cli": "^3.3.10", "webpack-spritesmith": "^1.0.2" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ] }
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- vue-cli的webpack模板项目配置文件分析
- vue-cli的webpack模板项目配置文件分析
- vue-cli的webpack模板项目配置文件分析
- [置顶] vue-cli的webpack模板项目配置文件分析
- vue-cli的webpack模板项目配置文件分析,配置信息详解
- vue-cli的webpack模板项目配置文件分析
- csdn上看到的一篇关于vue-cli的webpack模板项目配置文件分析
- vue-cli的webpack模板项目配置文件分析
- vue-cli的webpack模板项目配置文件说明
- vue-cli的webpack模板项目配置文件的理解
- Vue工程模板文件 webpack打包配置方法
- vue-cli的webpack模板项目配置文件分析
- vue-cli的webpack模板项目配置文件分析
- vue-cli的webpack模板项目配置文件分析
- vue-cli的webpack模板项目配置文件分析
- 转:vue-cli的webpack模板项目配置文件分析
- [置顶] vue-cli的webpack模板项目配置文件分析
- vue-cli的webpack模板项目配置文件简析
- vue-cli的webpack模板项目配置文件分析
- vue-cli的webpack模板项目配置文件分析