linux 用webpack新建一個項目

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'}

    
]

  
}