webpack的安装和配置
2018-01-17 17:30
411 查看
安装
首先要安装 Node.js, Node.js 自带了软件包管理器 npm用npm 安装webpack
$ npm install webpack -g
此时 Webpack 已经安装到了全局环境下,可以通过命令行 webpack -h 查看相关指令
通常我们会将webpack安装到项目依赖,这样就可以使用本地版本的webpack
//进入项目目录 //确定已有package.json,没有就npm init 创建 $ npm install webpack --save-dev //查看webpack 版本信息 $ npm info webpack //安装指定版本 $ npm install webpack@1.31.x --save-dev
常用命令
webpack
构建命令,webpack的常用参数$ webpack --config webpack.min.js //另一份配置文件 $ webpack --display-error-details //显示异常信息 $ webpack --watch //监听变动并自动打包 $ webpack -p //压缩混淆脚本,这个非常非常重要! $ webpack -d //生成map映射文件,告知哪些模块被最终打包到哪里了
webpack css-loader style-loader的安装
npm install css-loader style-loader -D
引用css-loader style-loader
require('./world.js'); require('style-loader!css-loader!./style.css');
欢迎关注我的个人技术公众号!javascript艺术
相关文章推荐
- webpack和webpack-dev-server安装配置
- webpack安装配置
- webpack安装配置使用教程详解
- webpack+vue 构建项目步骤并且使用sass 安装配置
- vue + webpack 安装和配置
- 安装和配置Webpack
- webpack和webpack-dev-server安装配置(遇到各种问题的解决方法)
- Webpack安装、配置、按需加载
- Webpack详细入门教程(二)之安装配置
- webpack安装和配置
- webpack 3.X 安装与配置
- (笔记)webpack安装、配置、简单的项目打包、插件介绍
- webpack的安装配置使用方法
- webpack的安装与环境配置
- WebPack安装-使用-Loader-配置-插件-环境-排错详解(中)
- webpack和webpack-dev-server安装配置(遇到各种问题的解决方法)
- webpack安装配置以及填坑操作之 webpack command not found 的解决方法
- extract-text-webpack-plugin 的安装及配置
- webpack4.0.1安装问题和webpack.config.js的配置变化
- Vue2项目架构搭建(一)——npm、webpack安装及配置