webpack

下载缓慢设置淘宝镜像，cmd命令行：npm config set registry https://registry.npm.taobao.org

处理JS之间的依赖，别的  依赖 转化可以扩展其它loader

import css from "./css/normal.css";      引入css

但是需要style-loader 和 css-loader 处理依赖

npm install webpack@3.6.0 --save-dev 开发时依赖webpack（本地）自动下载node_modules各种包

webpack ./src/main.js ./dist/bundle.js 打包，自动处理依赖

npm init 初始化 package.json文件  --  当前项目的信息     npm install 安装依赖

webpack.json

const path  = require('path')
module.exports = {
	entry : './src/main.js',
	output: {
		path : path.resolve(__dirname, 'dist')',
		filename: 'bundle.js'
	},
	module: {
		rules: [
			{
				test: /\.css$/i,
				use: ["style-loader", "css-loader"],
			},
		],
	},
}

package.json 

{
  "name": "vue",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "css-loader": "^2.0.2",
    "style-loader": "^0.23.1",
    "webpack": "^3.6.0"
  }
}

执行打包 npm run build 

在安装style-loader 和 css-loader 时，报错的原因可能是因为   

node版本不合适，（删了重新装一个试试），npm版本问题（升级或者降级），webpack版本问题，style-loader和css-loader版本问题，换版本时注意删除node_modules，