weback学习笔记

标签：

      weback可以把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。同时支持amd cmd CommonJS语法。同时可以和gulp一块使用。

一　新建工程目录

１．npm init

２．webpack.config.js

目录结构如下

project

 + webpack.develop.config.js

 + src

   - index.html

   - index.js

+ publish

  - index.html

二　　安装webpack

npm install webpack -g

三运行

1.一般通过配置文件的形式来运行webpack（写入webpack.config.js）

webpack --config webpack.develop.config.js(运行配置文件默认为webpack.config.js)

var path = require(‘path‘);

module.exports = {
    entry:path.resolve(__dirname,‘src/index.js‘),
    output: {
        path: path.resolve(__dirname, ‘publish‘),
        filename: ‘bundle.js‘,
    },
    module: {
        loaders: [
        ]
    }
}

打包成功如下

2.webpack-dev-server使用 此插件可以监视代码变化自动编译代码

weback学习笔记

标签：

原文地址：http://www.cnblogs.com/ytu2010dt/p/5648267.html