谢谢老师,但是我并不希望老师更新新版本webpack webpack1.x配合官网说明文档足以,而是希望多讲点vue+webpack开发相关的内容。
2018-01-04
我安装了下,最新版本提示我们并建议用
npm install babel-preset-env --save-dev
进行安装。(老师写的是npm install --save-dev babel-preset-latest)
在该项目根目录下新建 .babelrc 文件,写入
{
"presets": ["env"]
} 或者就按老师写的。但注意latest换成env
其他写成:
exclude:__dirname+'./node_modules/',
include:__dirname+'./src/',
loader:'babel-loader'
字数限制,请看笔记。
npm install babel-preset-env --save-dev
进行安装。(老师写的是npm install --save-dev babel-preset-latest)
在该项目根目录下新建 .babelrc 文件,写入
{
"presets": ["env"]
} 或者就按老师写的。但注意latest换成env
其他写成:
exclude:__dirname+'./node_modules/',
include:__dirname+'./src/',
loader:'babel-loader'
字数限制,请看笔记。
2018-01-04
通过查官方文档需这样写
module: {
loaders: [
{
test: /\.js$/,
loader: 'babel-loader',
query: {
presets: ['env']
}
}
]
},
module: {
loaders: [
{
test: /\.js$/,
loader: 'babel-loader',
query: {
presets: ['env']
}
}
]
},
2018-01-03
webpack 3.0以上版本 报Cannot set property 'innerHTML' of null 错误的话 可以在 index.html中的 <div id="app"></div> 外层加一层div 即
<div>
<div id="app"></div>
</div>
<div>
<div id="app"></div>
</div>
2018-01-02
path.resolve()的第二个参数是"/src"的话,es6没有转换成功.....
2018-01-02
在babel转换时,排除某些文件用到,exclude:/node_modules/,这样写确实会快,看到网友的评论发现的,用到正则匹配
2018-01-01
因为当初安装webpack时加了-g,是全局安装,所以在加入html-webpack-plugin插件后运行npm run webpack报错,解决办法只需要在项目目录下,运行npm install webpack即可,好简单
2018-01-01
webpack 3.0以上的是改了 吧 不同的是
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
plugins: (loader) => [
require('postcss-import')({ root: loader.resourcePath }),
require('postcss-cssnext')(),
require('autoprefixer')(),
require('cssnano')()
]
}
}
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
plugins: (loader) => [
require('postcss-import')({ root: loader.resourcePath }),
require('postcss-cssnext')(),
require('autoprefixer')(),
require('cssnano')()
]
}
}
2017-12-29