vue学习【使用webpack完善配置】

上一篇文章已经可以启动网页了！Now,we need to install some Loaders for some kinds of files.

npm install css-loader --save-dev
npm install style-loader --save-dev

安装完成后，在config中配置Loader

 module: {
        rules: [
            {
                test: /\.css$/,
                use: [
                    'style-loader',
                    'css-loader'
                ]
            }
        ]
    }

在目录下建立style.css

#app{
    font-size: 24px;
    color: #f50;
}

在main.js中引入：import './style.css'

然后：npm run dev 运行发现css样式已经生效了。

然后检查该页面：会发现CSS是通过js动态创建