webpack编译出错

问题描述

问 题

webpack编译时出错，但我没找到错在哪了。
下面是我的webpack.config.js

var webpack = require('webpack');
var path = require('path');
var srcDir = path.resolve(__dirname,'src');
var pathmap = require('./src/pathmap.json');
var nodeDir = path.resolve(__dirname,'node_modules')

module.exports = {
    entry:'./src/js/index.js',
    output:{
        path:path.resolve(__dirname,'dist'),
        filename:'index.js'
    },
    modules:{
        loaders:[{
            test:/\.css$/,
            loaders:['style','css']
        }]
    },
    resolve:{
        extensions:[".js","",".css"],
        root:[srcDir,nodeDir],
        alias:pathmap,
        publicPath:"/"
    }
}

然后是我的目录结构

入口文件index.js的内容：

var $ = require('jquery');
var style = require("../css/common.css");
$('<h1>我是jquery创建的</h1>').appendTo($('body'));

以前是用另一种方式写的，这次为了结构清楚一点换了个写法，结果出错了。。。

解决方案

行内样式真正开发中不太实用，太麻烦。我大致看了下你的webpack配置文件，有个属性你写错了，改下，你再试试。

下面的错误：

建议你用这个插件，可以检查你的webpack配置文件是否有误，否则一个错误你可能要找很久：
https://www.npmjs.com/package...

你也可以参考这篇博客去配置：
https://segmentfault.com/a/11...

这篇关于webpack编译出错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！