安装打包文件

处理js高级语法

安装babel
1.运行命令行

$ npm i babel-loader @babel/core @babel/runtime -d
$ npm i @babel/preset-env @babel/plugin-transform-runtime 
                @babel/plugin-proposal-class-properties -d

2.根目录创建babel.config.js并初始化配置

module.exports = {
    presets:['@babel/preset-env'],
  plugins:['@babel/plugin-transform-runtime','@babel/plugin-proposal-class-properties']
}

3.在webpack.config.js的module的rules数组中添加loader

{test:/\.js$/,use:['babel-loader'],exclude:/node_modules/}

4.npm run dev

处理Vue单文件组件

1.运行命令行

$ npm i vue-loader vue-template-compiler -d

2.webpack.config.js配置

const VueLoaderPlugin = require('vue-loader/lib/plugin')
module.exports = {
plugins: [new VueLoaderPlugin()]
    module: {
       rules: [
                    {test: /\.vue$/,use:['vue-loader']}
                ]
}

3.npm run dev