-
npm i webpack vue vue-loader
查看全部 -
第一遍用了7个半天，第二遍只用了2个半天，已经基本上学会了利用webpack来搭建一个简单的应用了。老师讲的很好，过时的内容，不会的内容网上都可以查到，非常?
查看全部 -
关于vueloader的配置问题
你应该将
vue-loader和vue-template-compiler一起安装每个
vue包的新版本发布时，一个相应版本的vue-template-compiler也会随之发布。编译器的版本必须和基本的vue包保持同步，这样vue-loader就会生成兼容运行时的代码。这意味着你每次升级项目中的vue包时，也应该匹配升级vue-template-compiler。- 请确保在你的 webpack 配置中添加 Vue Loader 的插件
这个插件是必须的！ 它的职责是将你定义过的其它规则复制并应用到
.vue文件里相应语言的块。例如，如果你有一条匹配/\.js$/的规则，那么它会应用到.vue文件里的<script>块。
查看全部 -
webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.
查看全部 -
webpac4 官方文档提示，当在devServer中启用hot时，webpack会自动添加
webpack.HotModuleReplacementPluginNoEmitOnErrorsPlugin
在编译出现错误时，使用
NoEmitOnErrorsPlugin来跳过输出阶段。这样可以确保输出资源不会包含错误。对于所有资源，统计资料(stat)的emitted标识都是false。查看全部 -
这里打错了，应该是：historyApiFallback
文档：https://www.webpackjs.com/configuration/dev-server/#devserver-historyapifallback查看全部 -
webpack4 不需要 使用 webpack.DefinePlugin定义 process.env.NODE_ENV
使用--mode参数配置即可
查看全部 -
webpack4 添加了 mode 参数，使用
webpack --mode=production
会将
process.env.NODE_ENV的值设为development,这个值是用于在 代码中设置常量的，在webpack.config.js中读取不到。如果需要在webpack.config.js中判断环境，就需要使用crossenv在script上添加环境变量参数。查看全部 -
使用cross-env插件来配置环境变量
package.json中配置的环境变量NODE_ENV保存在process.env中
查看全部 -
#app{
position absolute
left 0
right 0
top 0
bottom 0
}
#cover{
position absolute
left 0
right 0
top 0
bottom 0
background-color #999
opacity .9
z-index -1
}
查看全部 -
安装项目基本配置：
npm init
npm i webpack vue vue-loader
npm i css-loader vue-template-compiler
新建src文件夹、创建app.vue文件
创建webpack.config.js文件（打包vue文件让浏览器执行）
在webpack.config,js中配置entry output
创建index.js文件作为网站的入口文件
在package.json文件中增加“build”
查看全部 -
vue查看全部
-
postcss-loader用于优化编译后的css文件
autoprefixer用于添加css属性前缀
查看全部 -
使用cross-env插件来配置环境变量
package.json中配置的环境变量NODE_ENV保存在process.env中
查看全部 -
__dirname 代表当前文件的路径。
path.join(_dirname, ./src/index.js)方法将两个参数拼接为一个绝对路径，这样可以保证绝对可以访问到这个文件。
查看全部
举报