linux 用webpack新建一个项目
来源:互联网 发布:淘宝l签用护照直飞香港 编辑:程序博客网 时间:2024/06/06 18:33
1.
安装
node:
sudo apt-get install -
g
node
推荐用
node.js
版本管理神器
n:
sudo
npm install -g n
安装
node
最新版:
n latest
稳定版:
n stable
查看已安装版本:
n
删除指定版本:
n rm 0.1.1
安装某个版本:
n 6.0.0
2.
安装
webpack:
sudo npm install webpack -g
首先:
npm init
初始化一个项目
然后:将
webpack
加到
package.json
依赖中
sudo npm install webpack --save-dev
3.
在
package.json
中添加
webpack.json
需要的依赖:
"devDependencies": {
"css-loader": "^0.21.0",
"style-loader": "^0.13.0",
"webpack": "^1.12.2"
}
4.
执行
npm install
安装依赖
5.
创建
webpack.config.js
来配置入口文件和出口文件,用
loader(webpack通常只能打包js文件,所以需要引入loader来打包其他文件,比如css)
来转换其他类型的文件。
module: {
loaders: [
{test: /\.css$/, loader: 'style!css'}
]
}
1 0
- linux 用webpack新建一个项目
- 如何新建typescript配合webpack项目
- 新建一个struts2项目
- 新建一个 Maven 项目
- 新建一个 Android 项目
- 新建一个vue项目
- 新建一个Android项目
- vue 新建一个项目
- 新建一个vue项目
- 新建一个Maven项目
- 手把手教你用webpack来搭建一个项目
- eclipse新建一个struts2项目
- MyEclipse2014 新建一个web项目
- 新建一个Android项目helloWorld
- 新建一个cocos2dx-3.3项目
- eclipse新建一个springsecurity项目
- 如何新建一个maven项目?
- 使用webpack搭建一个react项目
- 并查集(详解)
- 187. Repeated DNA Sequences
- js+html+css 开发App
- 充分理解js这几种知识图谱,你就可以突破了
- log4j 使用
- linux 用webpack新建一个项目
- SQL对数据进行统计、常用集合函数
- CNN实现手势识别(1)--准备leveldb数据,并得到均值文件
- FastDFS介绍
- android app运行出现Unable to delete file: .....build\outputs\apk.debug错误
- JS事件处理
- AJAX请求跨域问题解决方案
- .htaccess详解及.htaccess参数说明
- Solr6.3配置和Ik-analyzer6.3使用