杂记

cnpm start //打包

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack",//设置打包命令
    "server": "webpack-dev-server"//设置开启服务器命令
  },

cnpm run server //运行本地项目服务器

cnpm install //安装package.json中原本存在的资源

{
  "name": "webpackdome",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack",
    "server": "webpack-dev-server"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
//当运行cnpm install的时候这里的资源都会被下载安装
    "@babel/core": "^7.6.4",
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.6",
    "babel-preset-env": "^1.7.0",
    "css-loader": "^3.2.0",
    "file-loader": "^4.2.0",
    "html-webpack-plugin": "^3.2.0",
    "style-loader": "^1.0.0",
    "webpack": "^3.4.1",
    "webpack-dev-server": "^2.9.3"
  }
}

import myimg from "../images/img.png";//引入图片

import "./index.css"//引入css样式
// 引入公共头部模块
require("../js/template/header/header.js")
// 引入公共底部js
require("../js/template/footer/footer.js")
// 引入公共弹框js
let model= require("../js/template/model/model.js")

 

module.exports//模块导出