<WRM>的博客

1.在根目录下新建一个文件夹build，在该文件夹下建立三个文件：base.config.js（公共）、prod.config.js（生产）、dev.config.js（开发）2.在各个文件下添加相关的代码，例如：base.config.js:const HtmlWebpackPlugin = require('html-webpack-plugin');const path = require("path");const webpack = require("webpack");const u

1.安装npm install --save-dev webpack-dev-server@2.9.12.配置打开webpack.config.js文件，添加如下代码：devServer: { contentBase: './dist', //为哪一个文件夹提供本地服务，默认是根文件夹，这里填写./dist inline: true //页面实时刷新 }其中还有别的选项：port：端口号（如果不指定，默认是8080端口）historyApiFallb

1.需要用到HtmlWebpackPlugin插件，实现的功能主要有以下两点：（1）自动生成一个index.html文件（可以指定模板生成）（2）将打包的js文件，自动通过script标签插入body元素中2.安装cnpm install html-webpack-plugin --save-dev3.使用修改webpack.config.js文件，添加如下代码const HtmlWebpackPlugin = require('html-webpack-plugin'); plugin

1.需要用到插件BannerPlugin，属于webpack自带的插件。打开webpack.config.js，添加如下代码：const webpack = require("webpack") plugins: [ new webpack.BannerPlugin('最终版权归<WRM>所有') ]2.执行npm run build如果成功，打开bundle.js 文件可以看到...

1.安装Vue

1.安装babelnpm install --save-dev babel-loader@7 babel-core babel-preset-es2015

1.需要用到url-loader,安装：npm install url-loader --save-dev2.建立css文件与入口文件的依赖关系import "./css/normal.css";3.在webpack.config.js文件的modules关键字下，加入如下对象： { test: /\.(png|jpg|gif|jpeg)$/i, use: [ { load

一、入口和出口的配置1.在项目的根目录下新建一个webpack.config.js（用来存放一些有关webpack的一些配置）文件2.项目当中如果用到node相关的东西的话，需要进行初始化npm init(-y),之后会生成package.json 文件3.过commonJS的方式导出一个对象const path = require("path");module.exports = { entry: "./src/main.js",//入口 output: {//出口