webpack2 移除babel模块解析一一直出错

发布于 2022-09-04 15:10:07 字数 2170 浏览 11 评论 0

webpack -v 2.2.0

webpack.config.js 配置如下

.babelrc 文件没有设置

var path = require('path');
var webpack = require('webpack');

const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const NyanProgressPlugin = require('nyan-progress-webpack-plugin'); //进度条


module.exports = {

      // devtool: 'eval-source-map'  // 配置source maps

      entry: {
          app:"./js/src/index.js",
          // vendor:["react","redux"]
      },



      output:{
           path:'./js/dist',  //用来存放打包后文件的输出目录 
           filename: "[name].js",  //文件name  [name].js || [chunkhash].js 
          publicPath: 'js/dist/',   //指定资源文件引用的目录 
     
         chunkFilename: '[name].[chunkhash:10].chunk.js', //单独打包chunk块的名称
      },

      //模块配置
      module:{
          //配置模块的列表
          rules:[
            {
                test: /\.js$/,  //文件后缀名校验  || test : /\.(jsx|js)$/ 多后缀名方式
                exclude: /node_modules/,  //排除这个文件夹,不使用loader解析;
                use:[
                    {
                        loader:"babel-loader",
            
                        options:{
                            presets: [['es2015', { module: false }]],
                            cacheDirectory:true
                        }
                    }
                ]
            },
            {
                test: /\.(css|sass|less)$/,
                exclude:/node_modules/,
                use:ExtractTextPlugin.extract({
                     fallback: "style-loader",
                     use:["css-loader"]
                     // publicPath: "/dist"
                })
            }
          ]
    },


    //配置插件列表,安装包后可在文件中引入,实例化一次即可;
    plugins:[        
        //添加这个插件 (只演示,实际使用需要另外配置,具体网上搜索)
        //单独打包css文件
        new ExtractTextPlugin({
                filename: "Respectively.css",
                disable: false,
                allChunks: true
        }),

        new NyanProgressPlugin(), //进度条

    ],
}

错误信息如下:

图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

怎会甘心 2022-09-11 15:10:07

import()语法babel暂时不支持,所以应该使用 import App from 'cashi.js'

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文