webpack中，js引入css文件写法问题

Question

1.我用的是webpack4.x，在学习webpack中直接执行npm run dev启动webpack-dev-server --mode development时候，页面f12在source面板的如下src文件夹里只有一个index.js文件，我的css，less，sass文件夹都显示不出来，

然后点开index.js时显示如下错误：说我语法错误，额这是什么情况？

2.随后我用之前的devtool：‘source-map’这句话的时候，并且是在--mode production情况执行，这时候src文件夹只有images文件夹和一个index.js文件，相比上一步多了一个图片的文件夹，最后我把开发模式打开再加上这句话，就能全部文件夹显示，但是依旧会报如上错误。

这是为什么呢？不是说只要--mode development就可以开发模式debug了吗，反而只出现了一个index.js,而还要再加一句‘devtool：source-map’才能显示全部文件夹，而且依旧报错

Answer 1

在npm run dev之前 先 npm run build