0%

前端项目代码环境搭建并运行

2018年5月4日 下午4:18

前提:

1
2
3
4
5
6
7
8
localhost:~ czh$ webpack -v
2.6.1

localhost:~ czh$ node -v
v4.4.7

localhost:Front-end czh$ webpack -v
webpack 1.15.0

安装过程:

1
sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}
1
2
localhost:Front-end czh$ node -v
v4.9.1
1
2
localhost:Front-end czh$ webpack -v
webpack 1.15.0

npm init

1
localhost:Front-end czh$ npm install css-loader style-loader --save-dev

注:这里只要不报err就行,WARN不用管它。解决的方式就是像下面一样指定版本号。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
npm install file-loader@0.11.1 --save-dev

npm install html-loader@0.4.5 --save-dev

npm install url-loader@0.5.8 --save-dev

npm uninstall style-loader --save-dev

npm install style-loader@0.17.0 --save-dev

npm install css-loader@0.28.1 --save-dev

npm install extract-text-webpack-plugin@1.0.1 --save-dev

npm install html-webpack-plugin@2.28.0 --save-dev

npm install webpack-dev-server@1.16.5 --save-dev

这里不报错的关键是:指定版本号

1
2
3
4
5
npm install hogan@1.0.2 --save

npm install font-awesome@4.7.0 --save

npm install hogan.js@3.0.2 --save
1
2
3
4
5
6
"scripts": {
"dev": "WEBPACK_ENV=dev webpack-dev-server --inline --port 8088",
"dev_win": "set WEBPACK_ENV=dev && webpack-dev-server --inline --port 8088",
"dist": "WEBPACK_ENV=online webpack -p",
"dist_win": "set WEBPACK_ENV=online && webpack -p"
},