在App.vue的 <style>中加一个background: url('./asssets/images/xxx.png')之类相对路径引用的样式
此时进行打包命令
你会发现提取出来的 css 中 url() 中图片的路径是 static/img/xxx.png 这样的,用浏览器打开index.html将会有 xxxxxxx/static/css/static/img/xxx.png 这个图片 404 的报错
主要是需要单独为 css 配置 publicPath ,更改 build/utils.js 文件中 ExtractTextPlugin 插件的 options 配置：
这种情况很简单,动态添加进去的tr不能应用js和css,在tr添加进页面后,再调用一下$("tr").addClass("样式名")重新给他添加一下样式即可.至于js的话,在绑定事件的时候用:$("tr").live(funtion(){})这样就可以了.1、 安装
npm install [email protected] node-sass --save-dev
2.在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
},
3.vue组件引入
<style lang="scss"></style>
报错截图
原因:
webpack-dev-server版本和vue版本不一样，需要将webpack-dev-server卸载了，安装对应版本
解决方法：
1 查看vue-cli版本是 vue -V
2 卸载npm uninstall webpack-dev-server
3 安装npm i [email protected]
4 安装npm install webpack cli -D
5 正常启动。
报错截图
npm install --legacy-peer-deps 即可成功安装 node_modules
webpack 3.6.0 对应版本应安装
npm i [email protected] -D
npm install [email protected] -D
npm i sass-loader node-sass -D 安装最新版本的 提示报错如下
