vue-cli 配合webpack遇到的坑

1，npm run build 出现报错 Failed to load resource: net::ERR_FILE_NOT_FOUND

由于相对路径和绝对路径的问题的需要在config中的index.js 修改

build: {

    index: path.resolve(__dirname, '../dist/index.html'),

    assetsRoot: path.resolve(__dirname, '../dist'),

    assetsSubDirectory: 'static',

    // 这里路径改为assetsPublicPath: './',

    assetsPublicPath: './',

    // 默认

    // productionSourceMap: true,

    // 关闭.map后缀的文件,这里改为false

    productionSourceMap: false,

}

2设置公共路径

if (options.extract) {

      return ExtractTextPlugin.extract({

        use: loaders,

        fallback: 'vue-style-loader',

        publicPath: '../../'

      })

    } else {

      return ['vue-style-loader'].concat(loaders)

    }

3style样式 

添加scoped可以是样式只作用于自身