老师的课程有些地方已经陈旧了，我在学习的时候用的是现在最新的webpack版本，我的项目源码提交到github上供大家参考 https://github.com/carrieguo/vue.js-todolist

const path = require('path');
const VueLoaderPlugin =require('vue-loader/lib/plugin');
module.exports = {   
     entry : path.join(__dirname, 'src/index.js'),//__dirname 当前文件所在的目录地址  
     output: {     
        filename: 'bundle.js',     
        path: path.join(__dirname,'dist')   
         }, 
     module: {      
       rules: [ ]
       },      
     plugins: [ new VueLoaderPlugin() ],
     mode: 'development'
 }

这是我的配置，上面的问题这样就可以解决了，还有一些rules里面的配置 ，本节课学习完就可以解决了

webpack代码压缩，自动删除了所有的注释和空格，百度取消压缩就行了

style-loader!css-loader!./assets/styles/test.css已解决，这样引入就可以正常运行了

你缺少loader

你可以参考一下我的代码

https://github.com/carrieguo/vue.js-todolist

webpack.config.js 配置里另加了内容？js 压缩了。老师那个是未压缩的。

不过真正的项目上线版还是要压缩的，没什么问题。

已解决

点赞,好评

刚才解决了，这个问题

1. https://vue-loader.vuejs.org/zh/guide/pre-processors.html#stylus 看官方文档的写法。改成和官方一样的写法
   

2. 不行就重新安装stylus and stylus-loader多次，用cnpm and npm都试几下
   

你好，视频中webapck是3.x的版本，请按视频中的webpack指定的版本去学习。

安装的时候指定下版本，比如： npm i webpack@3.10.0

你也可以参考下我整理的源码：https://github.com/Xiao-Cuir/vue-webpack-todo

这样能少走一点弯路，希望能帮到你

Cannot find module './co

index.js中需要import图片文件import './assets/images/three.png'

// webpack.config.js
const VueLoaderPlugin = require('vue-loader/lib/plugin')
看官方文档怎么写的吧https://vue-loader.vuejs.org/guide/#manual-setup

因为是“__dirname”,不是“_dirname”

因为老师课程使用webpack和Vue与现阶段的webpack和Vue版本存在一些差异 所以webpack.config.js中需要做相应的更改  有需要可参考一下个人完整项目的源码：https://github.com/junglehunter96/JustDo 样式文件也已经完善了

你是不是第三个rules里面的use写成了user，改过来试试

I solved this problem by searching for Github.  The order of css-loader and style-loader is very important.  Always put style-loader in front of css-loader.

Hope it'll be helpful for you guys~

重装一下这两个插件试试

是不是因为图片太大 并没有保存成base64 代码

现在webpack4.0把webpack-cli抽离出来了,所以要安装

在 webpack.config.js 加入 

const {VueLoaderPlugin} = require('vue-loader');和module.exports加入plugins: [new VueLoaderPlugin()]

请问楼主这个问题解决了吗～

你使用的webpack是什么版本？

报错信息：Cannot find module 'stylus'，意思也是说没有找到stylus模块。所以，  打包stylus文件格式，要安装两个包， npm i stylus stylus-loader ,  这样才能打包成功

{
    test: /\.(gif|jpg|jpeg|png|svg)$/,
    use:[
        {
            loader: 'url-loader',
            options: {
                limit:1024,
                name:'[name]-aaa.[ext]'
            }
        }
    ]
}