vue init webpack和vue init webpack-simple的区别

    1. vue init webpack：

webpack项目本身就有一个css-loader，不需要重新去下一个css-loader，只需要下载一个style-loader即可（npm install style-loader --save-dev），之后在你的项目里打开webpack.base.conf.js文件中，在module的rules那里，加入关于css规则的代码：

{
    test:/\.css$/,
    loader: 'style-loader!css-loader'
}

然后在App.vue文件中在style标签写入你想要引入的样式<style src="aaaa.css" lang="css"></style>

 

2. vue init webpack-simple

webpack-simple为简化版，所有的需要手动导入。

需要先npm install css-loader style-loader --save-dev，下载完后要在webpack.config.js的rules中加入css规则的代码：

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

直接通过  import './assets/abc.css'