Webpack 2 前端开发教程

来源：互联网发布：品牌女装淘宝店铺编辑：程序博客网时间：2024/05/16 15:16

入门Webpack，看这篇就够了
http://www.jianshu.com/p/42e11515c10f

17、017-分离打包项目代码与组件代码

webpack概述 http://www.css88.com/doc/webpack/
webpack 中文文档(v3.3.0)

Webpack 2 视频教程 https://devopen.club/course/webpack2.html
[原创] Webpack 2 前端开发教程
http://list.youku.com/albumlist/show?id=49394464&ascending=1&page=1
ParryQiu/DevOpenClub-Tech-Webpack2
https://github.com/ParryQiu/DevOpenClub-Tech-Webpack2
【DevOpen.Club 出品】Webpack 2 视频教程
https://www.bilibili.com/video/av11128844/#page=2

webpack学习笔记                 webpack项目初始化                1   新建一个文件夹，比如 mkdir webpacktest            2   cd webpacktest          3   npm init -y  //生成package.json文件         4   cnpm install webpack --save-dev //安装webpack和相关依赖            5   PS F:\TRANSFORMERS\projectpower\webpack2Practice\webpacktest> .\node_modules\.bin\webpack .\app\index.js build/compressIndex.js             安装插件    cnpm install html-webpack-plugin --save-dev         PS F:\TRANSFORMERS\projectpower\webpack2Practice\webpacktest> cnpm install html-webpack-plugin --save-dev                   安装成功后，会在package.json里自动加上此插件及相应版本                     "devDependencies": {                    "html-webpack-plugin": "^2.29.0",                    "webpack": "^3.3.0"                  }            之后可以在webpack.config.js里用此plugin                   plugins: [                    new HtmlWebpackPlugin({                      title: 'Webpack demo',                    }),                  ],        安装插件 cnpm install webpack-dev-server --save-dev             PS F:\TRANSFORMERS\projectpower\webpack2Practice\webpacktest> cnpm install webpack-dev-server --save-dev                    package.json                    webpack-dev-server: "^2.6.1"            webpack.config.js                   "start": "webpack-dev-server --env development",

阅读全文

0 0