详解用vue-cli来搭建vue项目和webpack

sudo npm install vue-cli -g 

vue init webpack-simple projectName 

cd projectName 

npm install 

cnpm install 

npm run dev 

sudo npm install webpack -g 

npm init 

npm install webpack --save-dev 

//module.js

module.exports = 'It works from module.js.'

//entry.js

document.write('It works.')

document.write(required('./module.js')) 

webpack entry.js bundle.js 

//style.css

body{

background:red

} 

require("!style-loader!css-loader!./style.css") // 载入 style.css

document.write('It works.')

document.write(require('./module.js')) 

npm install css-loader style-loader 

webpack entry.js bundle.js 

//webpack.config.js 

var webpack = require('webpack')

module.exports = {

 entry: './entry.js',

 output: {

  path: __dirname,

  filename: 'bundle.js'

 },

 module: {

  loaders: [

   {

    test: /\.css$/,

     loader: 'style-loader!css-loader'

    }

  ]

 }

}     

require('./style.css') 

webpack --watch 

npm install webpack-dev-server -g 

webpack-dev-server