构建一套完整的webpack4

生成 package.json 文件

1
npm init -y

首先需要提前安装全局的包

1
2
3
npm install -g webpack webpack-dev-server nrm
// webpack webpack-dev-server
// nrm // [可选] 快速切换 npm 源

安装必要的 devDependencies

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
npm install --save-dev webapck webpack-cli cross-env babel-core babel-loader babel-preset-env babel-eslint webpack-dev-server clean-webpack-plugin extract-text-webpack-plugin webpack-md5-hash optimize-css-assets-webpack-plugin html-loader css-loader style-loader postcss-loader autoprefixer file-loader url-loader less less-loader vue-loader vue-style-loader vue-template-compiler
// webapck webpack-cli
// cross-env
// babel-core babel-loader babel-preset-env babel-eslint
// webpack-dev-server
// clean-webpack-plugin
// extract-text-webpack-plugin
// webpack-md5-hash
// optimize-css-assets-webpack-plugin

// html-loader
// css-loader
// style-loader
// autoprefixer
// file-loader url-loader
// postcss-loader
// less less-loader
// vue-loader vue-style-loader vue-template-compiler

创建 .babelrc 文件, 并写入配置

1
2
3
{
"presets": ["env"]
}
更早的文章

你不得不知道的开发技巧-CSS篇

文章同步于 我的 Segmentfault 笔记1. 关于移动端 css 样式:123456789101112// 不允许浏览器擅自改变字体大小:【font boosting】html{ -webkit-text-size-adjust: 100%;}// 否则当你设置了,如 …

继续阅读