webpack2 移除babel模块解析一一直出错
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
import()语法babel暂时不支持,所以应该使用 import App from 'cashi.js'