2回答

东林夕

提问者

2018-05-09

好了，问题解决了，我来回答整理下。首先我搜了问题，看了很多内容，发现需要在入口文件（我的是main.js）中引入css文件（import ‘./src/xxx.css’）

我引入后又告诉我缺少module，我明明按照视频步骤安装了style-loader和css-loader的，怎么会缺少。于是我跑到官方文档那里的loader那里看，发现webpack4这里变了许多东西。比如loader变成了rules，对象的loader变成了use等，最后我按照官方的写法

{
            test:/\.css$/,
            use:[
              { loader: 'style-loader' },
              {
                loader: 'css-loader',
                options: {
                  modules: true
                }
              }
            ]
        }

这样写后，样式导入就成功了。

其实根据老师的视频来，感觉自配置环境没有那么困难，但是中途遇到的各种小问题还是很多，还是花了许多时间在解决问题上……心累

0

0

东林夕

提问者

2018-05-09

虽然不知道怎么回事，我把

new HtmlWebpackPlugin({
            template:'./app/views/index.html'
        })

里的./app/views/index.html改成./index.html，再在根目录下新建一个index.html文件，显示正常。之后我又把路径改回./app/views/index.html，真的是一模一样，这次就显示正常了。

不过另一个问题就是，css文件没成功，没有导入样式。我知道教学视频里，老师是在vue文件的style里@import scss文件的。我没有vue，应该怎么导入css文件，就是.css文件？

0

0